將AngularJS文件合併到一個文件中

我正在構建一個AngularJS應用程序。我沒有外部依賴性，但我確實已將我的應用程序分解爲用於控制器，服務等的不同文件。將AngularJS文件合併到一個文件中

我想將所有此JS組合到一個文件中，因此瀏覽器必須一個請求獲取所有代碼而不是多個請求（每個文件一個）。縮小也很好。

從我到目前爲止閱讀的內容來看，Browserify就是我需要使用的。那個聽起來是對的嗎？有沒有人推薦這個解決方案？

來源

2016-08-21 Beebunny

您可以開始使用Grunt或Gulp。有了這些工具，您可以做的不僅僅是連接並縮小文件。例如，如果您選擇使用咕嘟咕嘟：

你必須下載吞掉-CLI $ npm install --global gulp-cli
然後在項目中創建一個gulpfile.js並添加一飲而盡作爲依賴$ npm install gulp --save
然後添加gulp-concat包，它將連接你的文件$ npm install gulp-concat --save
並最終添加一些代碼來連接你的文件。 Here is an example。

如果您需要任何進一步的幫助，請留下評論。祝你好運！

使用咕嚕here is an example gruntfile，假設你有例如控制器，指令和服務三個不同的目錄。如果您需要，我還添加了手錶插件。

$ npm i grunt-cli -g 
$ npm i -D grunt 
$ npm i -D grunt-contrib-concat 
$ npm i -D grunt-contrib-uglify 
$ npm i -D grunt-contrib-watch

來源

2016-08-21 21:35:09 Masterakos

由於我無法控制的原因，我將不得不使用Grunt。這樣說，謝謝澄清，我可以做到這一點，而不瀏覽。我正在研究使用grunt-contrib-concat（https://github.com/gruntjs/grunt-contrib-concat）。這似乎會做我想做的事情（合併成一個文件並縮小）。請告訴我，即使這似乎矯枉過正。 – Beebunny

Grunt當然也會做這項工作。讓我用咕嚕配置更新答案。 – Masterakos

這非常有幫助。如果可以的話，我會再給你一個贊成票。萬分感謝！ – Beebunny

將AngularJS文件合併到一個文件中

回答

相關問題