在 angularJS 应用程序构建中包含某些模块

Question

我的 Angular 应用程序中有功能模块，并且正在寻找一种方法来创建仅包含某些功能的构建。

例如：

/app
|
|--/components
|
|--/core
|
|--/dataservices
|
|--/features
   |
   |--/customers
   |
   |--/orders

假设我想生成一个仅包含订单模块的构建，是否有任何工具可以帮助实现这一目标？

我正在使用 gulp，并且想知道是否能够配置一个 gulp 任务，该任务接受一些参数，您可以在其中指定要包含的模块，然后使用文件通配模式或类似模式来定位构建中的某些文件夹/文件。

任何人都可以提供任何建议\方法吗？

谢谢

Answer 1

是的，假设您想要一个 gulp 任务，它可以将您的订单文件夹和子文件夹中的所有 js 都全局化。一个 gulp 任务可能如下所示

// Gulp Orders Task
gulp.task('orders', function() {
return gulp.src('features/orders/**/**.js')
  .pipe(concat('orders.js'))
  .pipe(gulp.dest('app/build/js'))
  .pipe(browserSync.reload({
      stream: true
  }));
});

此任务的作用是将所有 js 全局化，将您的 js 连接到一个 orders.js 文件到一个名为 build 的新文件夹中。开发过程中js文件变化时使用browserync重新加载页面也很聪明。

您的订单特定 js 最终会是 app/build/js/orders.js。

你需要的变量是

var concat = require('gulp-concat');
var browserSync = require('browser-sync').create();