롤업 JS로 폴리 폴리 및 외부 라이브러리를 묶는 방법은 무엇입니까?

Question

각도 2를 사용하는 첫 번째 응용 프로그램입니다.

번들을 생성하려면 aot 및 rollup을 실행합니다. 하지만 항상 polyfills (shim, reflect-metadata 및 zone.js)를 script HTML 요소와 함께 index.html에 추가해야합니다.

이 폴리 필을 번들에 추가 할 수 있습니까?

또 다른 질문 : 외부 JS 라이브러리를 번들에 추가하는 방법. 사실 polyfills와 같이 index.html을 추가해야합니다.

Answer 1

gulp 또는 webpack과 같이 전역 및 폴리필의 별도 번들을 만들고 index.html을 포함시킬 수 있습니다. 예 : 꿀꺽 당신은 당신이 정말로 그냥 롤업에서 하나이 번들을 연결할 수있는 하나 개의 번들을 원한다면

let globalJs = gulp.series(
    function cleanGlobalJs() { 
     return del('dist/global*.js') 
    }, 
    function BuildGlobalJs() { 

     return gulp.src([ 
      'node_modules/core-js/client/shim.min.js', 
      'node_modules/zone.js/dist/zone.min.js' 
     ]) 
      .pipe(concat('global.js')) 
      .pipe(rev()) 
      .pipe(gulp.dest('dist')); 
    } 
); 

이 여기 https://github.com/robianmcd/hello-angular-rollup/blob/master/gulpfile.js#L125-L139

롤업과 각도 빌드 I 설정에서 가져 할 수 있습니다.

Answer 2

나는 꿀꺽 이런 식으로 사용

gulp.task('bundle:vendor', function() { 
    return gulp 
     .src([ 
      "node_modules/core-js/client/shim.min.js", 
      "node_modules/zone.js/dist/zone.js" 
     ]) 
     .pipe(concat("vendor.bundle.js")) 
     .pipe(gulp.dest('dist')); 

}); 

Answer 3

가 rollup-plugin-node-resolve 플러그인을 추가, 그리고 당신은 polyfills 포함하여 node_modules 폴더에 살고있는 모든 종속성을 번들 할 수 있습니다. rollup-plugin-commonjs을 포함해야 할 수도 있습니다.