Question

为了准备我的应用程序进行制作，我使用以下gulp任务。任务是安静的自我解释，所有.js文件都被放大并放入构建文件夹

var jsLibFilter = $.filter('**/lib.js');
var jsAppFilter = $.filter('**/app.js');
var buildPath = './build/';

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

  return gulp.src(config.index)

   <!-- pick up all files in index which are under "lib.js" tag -->
    .pipe(jsLibFilter)
    .pipe($.uglify())
    .pipe(jsLibFilter.restore())

   <!-- pick up all files in index which are under "app.js" tag -->
     .pipe(jsAppFilter)
    .pipe($.ngAnnotate())
    .pipe($.uglify())
    .pipe(jsAppFilter.restore())

   .pipe(gulp.dest(buildPath));

});

在上层任务中发生了很多其他事情，为了清楚起见，我没有将其包括在内。

index.html的一个小快照：

<body>
<!-- build:js js/lib.js -->
<!-- bower:js -->

<script src="/bower_components/jquery/dist/jquery.js"></script>
<script src="/bower_components/angular/angular.js"></script>

 ...other libraries here

<!-- endbower -->
<!-- endbuild -->

<!-- build:js js/app.js -->
<!-- inject:js -->

<script src="/client/app/app.module.js"></script>
<script src="/client/app/history/historyController.js"></script>

..other source code files here

<!-- endinject -->
<!-- endbuild -->

</body>

我有两个具体问题：

如何在开发过程中合并ES6。例如如何在开发过程中应用babel transpiler。请记住，在开发过程中，我正在从“/ app”文件夹
如何在生产过程中加入ES6 在生产过程中，文件是从我在上面提供构建任务的构建文件夹中提供的。

如何将ES6转换器整合到Angular gulp构建过程中

0 个答案: