2017-03-02 130 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