2017-03-02 62 views
0

目前我index.html文件是这样包括控制器,服务和指示

<script src="controller-a></script> 
<script src="controller-b></script> 
<script src="controller-c></script> 

等我的所有其他控制器,服务和指示。

这似乎很不方便,如果我有像100个文件,但一页只需要像一个控制器和服务可能。

将控制器和服务包含到页面,路由的正确方法是什么? 这样我就不必加载所有其他100个我不需要的东西。

谢谢

+0

查看一些可用的入门工具包,例如https://github.com/AngularClass/angular2-webpack-starter或browserify https://github.com/jakemmarsh/angularjs -gulp-browserify-boilerplate,他们将演示最佳实践 – baao

+0

您可以使用gulp将所有文件添加到一个文件,然后在索引文件中加载该文件链接https://www.npmjs.com/package/gulp-merge –

回答

0

您可以使用一饮而尽/咕噜这个问题代码如下

gulp.task('app-js', function() { 
return gulpMerge(
    gulp.src('static/src/tpl/*.html') 
    .pipe(minifyHtml({empty: true})) 
    .pipe(ngtemplate({ 
     module: 'genTemplates', 
     standalone: true 
    }) 
), gulp.src([ 
    'static/src/js/app.js', 
    'static/src/js/locale_zh-cn.js', 
    'static/src/js/router.js', 
    'static/src/js/tools.js', 
    'static/src/js/services.js', 
    'static/src/js/filters.js', 
    'static/src/js/directives.js', 
    'static/src/js/controllers.js' 
    ]) 
) 
.pipe(concat('app.js')) 
.pipe(gulp.dest('static/dist/js/')); 
}); 

希望这可以帮助你。请参考Gulp merge