javascript - Angular 2如何连接生产文件

Question

为生产而捆绑/连接 Angular 2 应用程序的推荐方法是什么？理想情况下，我需要一个 index.html 和一个 app.min.js 文件。

Angular 2 文档介绍了 webpack，但是对于这样一个简单的任务，该工具似乎过于复杂了。老实说，该教程是我读过的最糟糕的教程之一。我花了两个小时试图让它适合我的应用程序，但没有成功。

我还听说过 Grunt 和 Gulp 等工具。将 Angular 2 应用程序构建为生产就绪工件的最简单方法是什么？

Answer 1

要将所有模块放入单个 JS 文件，您需要在 TypeScript 编译器配置中利用 outFile 属性。

您可以在 gulp 中使用以下内容来执行此操作:

const gulp = require('gulp');
const ts = require('gulp-typescript');

var tsProject = ts.createProject('tsconfig.json', {
  typescript: require('typescript'),
  outFile: 'app.js'
});

gulp.task('tscompile', function () {
  var tsResult = gulp.src('./app/**/*.ts')
                   .pipe(ts(tsProject));

  return tsResult.js.pipe(gulp.dest('./dist'));
});

然后您可以在处理链中添加一个任务来丑化生成的 app.js 文件。

我认为这个问题可以帮助你:

• How do I actually deploy an Angular 2 + Typescript + systemjs app?