Question

如何包含项目目录angular 2之外的文件？我有像这样的文件夹结构 WebApp(angular2 seed) Shared(business logic files) Mobile App 我在我的Web应用程序项目中的文件中提供了正确的文件路径，但我遇到了这个错误 http://localhost:5555/Shared/Services/RO/ROStep2Service.js 404 (Not Found) 有人请帮忙告诉我如何包含项目目录之外的文件

Answer 1

您可以通过添加自己的项目特定gulp构建任务来完成此操作，并将其包含在构建管道中。种子文档有一节介绍如何配置这些任务： https://github.com/mgechev/angular-seed/tree/master/tools#tasks

您可以将任务基于将所有prod资产复制到构建目标文件夹的现有种子任务：

export = () => {
  let es: any = require('event-stream');
  return gulp.src([
    join(Config.APP_SRC, '**'),
    join(Config.NPM_BASE, '@angular', 'service-worker', 'bundles', 'worker-basic.min.js'),
    '!' + join(Config.APP_SRC, 'tsconfig.json'),
    '!' + join(Config.APP_SRC, '**', '*.ts'),
    '!' + join(Config.APP_SRC, '**', '*.css'),
    '!' + join(Config.APP_SRC, '**', '*.html'),
    '!' + join(Config.APP_SRC, '**', '*.scss'),
    '!' + join(Config.APP_SRC, '**', '*.sass'),
    '!' + join(Config.ASSETS_SRC, '**', '*.js')
  ].concat(Config.TEMP_FILES.map((p) => { return '!' + p; })))
   .pipe(onlyDirs(es))
   .pipe(gulp.dest(Config.APP_DEST));
};

来自：https://github.com/mgechev/angular-seed/blob/master/tools/tasks/seed/build.assets.prod.ts

旁注： 作为替代方案，如果您没有沿着Angular-Seed路径走得太远，我建议您使用Angular CLI构建项目作为一种更简单的替代方案（特别是在升级版本时）。 https://angular.io/guide/quickstart

作为这种简单性的一个示例，要将新资产包含在Angular CLI项目中，您只需修改angular-cli.json文件，以包含要包含的文件/文件夹的路径。简单，简洁。

angular2种子项目

1 个答案: