2017-06-05 56 views
1

如何包含项目目录角度2以外的文件?我的文件夹结构是这样的 WebApp(angular2 seed) Shared(business logic files) Mobile App 我给了正确的文件路径的文件在我的web应用程序的项目,但我坚持这个错误 http://localhost:5555/Shared/Services/RO/ROStep2Service.js 404 (Not Found) 有人可以帮告诉我如何可以包括它超出了文件我的项目目录在angular2种子项目中的项目目录之外的文件

回答

1

您可以通过添加您自己的项目特定的gulp构建任务来完成此任务,并将这些任务包括在您的构建管道中。 种子文件对如何配置这些任务的部分: https://github.com/mgechev/angular-seed/tree/master/tools#tasks

您可以根据现有的种子任务的任务,将所有督促资产到您的构建目标文件夹:

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

旁注: 作为替代方案,如果您还没有太远的角种子路径行进,我建议你看一下你的建设项目全光照g Angular CLI作为一个更简单的选择(特别是在升级版本时)。 https://angular.io/guide/quickstart

作为这种简单性的一个例子,要使用Angular CLI项目包含新资产,只需修改angular-cli.json文件以包含要包含的文件/文件夹的路径。简单而简洁。

+0

谢谢你。我把我的web应用程序从种子项目移动到角度CLI,它工作。现在我能够访问项目目录外的共享服务。现在我在CLI和移动应用程序中也有Web应用程序,它也是在CLI中,但我没有在angular-cli.json中做任何更改。我只是在我的组件中提供了正确的文件路径并解雇了该服务。它正常工作。是否必须在angular-CLI.json中添加? –

+0

不 - 如果您将文件包含在资产目录中,它们将自动包含在内。 – Steveland83

相关问题