2016-07-21 2 views
2

나는 타이프 라이터 컴파일러 옵션 내 index.html을에 Scripts1.js 및 Scripts1.js.mapgulp uglify를 사용하여 2 각형 파일을로드하는 방법은 무엇입니까?

이제

단일 OUTFILE를 생성하기 위해 정의 된 각 2 응용 프로그램이 (이는 타이프 라이터 번들 파일을 축소하고)

<script src="Scripts/Script1.js"></script> 
    <script> 
      System.config({ 
       packages: { 
        'V1/components/main': { 
         format: 'register', 
         defaultExtension: 'js', 
         defaultJSExtensions: true 
        } 
       } 
      }); 
      debugger; 
      //System.import('Scripts/main') 
      System.import('V1/components/main') 
        .then(null, console.error.bind(console)); 
     </script> 

하면이 사용 꿀꺽에게

내 gulpFile.js

gulp.task('MinifyBundled', function() { 

    console.log('testiang'); 
    return gulp.src(config.src2) 
     .pipe(uglify()) 
     .pipe(gulp.dest('app/')); 

}) 
를 추하게하는 방법 이제 잘 작동되는 내 응용 프로그램 폴더에 Script1.js를 생성

는 지금이이 작동하지 않고 콘솔에 오류되지 않은 파일 축소 된

<script src="app/Script1.js"></script> 

을 포함 할 때. uglifying하는 동안지도 파일이 누락 된 것 같습니다. 나는이

gulp.task('MinifyBundled', function() { 

    console.log('testiang'); 
    return gulp.src(config.src2) 
     .pipe(sourcemaps.init({ loadMaps: true })) 
     .pipe(uglify()) 
     .pipe(sourcemaps.write('app/')) 
     .pipe(gulp.dest('app/')); 

}) 

PS 시도 : 당신이 웹팩을 사용하는 것이 더 좋을 것입니다 모든 파일에서 번들을 만드는 경우 나는 모든

답변

0

지겨워, 다른 번들 또는 축소를 도구를 제안하지 마십시오 system.JS (System JS는 런타임시 모든 모듈 파일을로드합니다. Webpack은 모든 파일에서 번들을 만듭니다.)

원래 각도 문서에서 웹팩 파일을 만드는 방법에 대한 훌륭한 설명이 있습니다. https://angular.io/docs/ts/latest/guide/webpack.html

+0

이미 나는 꿀꺽 꿀꺽 - CONCAT를 사용하여 내가 그 번들 것을 시도하고 우리는 여러 reguster 같은 오류가 system.import – sudhir

+0

에 가져올 수 없습니다 좋아 내가 볼 수 무엇을 다시 얘기하고 나는 귀하의 경우에 대한 모든 파일을 번들 경우 동적으로로드하지 않는 webpack 및 system.js 내 대답을 업데이 트합니다 –

+0

나는 이미 대안을 찾고 있다고 언급했다 왜냐하면 나는 모든 사람들에게 너무 많은 문제에 직면 해 왔고 마침내 이곳에 도착했기 때문이다. 여기에 질문은 말하자면 꿀꺽 꿀꺽 거림을 사용하여 타이프 스크립트 번들 파일을 축소하고 그것을 사용할지 여부를 언급하는 것이다. . 시간을내어 도움을 주셔서 감사합니다. – sudhir

0

앱 개발을 위해 Angular 2 CLI를 사용하는 것이 좋습니다. 그것은 빌드, 실행, 단위 테스트, TS 파일의 transpilation, 페이지를 만들 수있는 NG 명령, 사전 정의 된 코드로 경로와 같은 모든 기본 작업을 제공합니다.

은 추하게도

+0

코드 또는 참조를 제공 할 수 있습니까? – sudhir

+0

Youtube에서 2016 개의 비디오를 보시고 Angular CLI 프리젠 테이션을 찾으십시오. 시작하기에 좋았습니다. –

+0

작은 알림 : Angular2 CLI를 사용하려면 공식 프로젝트 구조를 따라야합니다. –

0

한번에 쭉 마시는이 거짓으로 설정 압착 롤러 옵션을 추하게 자극하는 각도 2 CLI 환경을 변경하여 수행 할 수 있습니다. 즉 .pipe ((추하게), {압착 롤러 : 거짓})

관련 문제