将AngularJS文件合并到一个文件中

Question

我正在构建一个AngularJS应用程序。我没有外部依赖项，但我确实将应用程序分解为控制器，服务等的不同文件。

我想将所有这些JS组合到一个文件中，因此浏览器必须发出一个请求来获取所有代码而不是多个请求（每个文件一个）。缩小也很不错。

从我到目前为止所阅读的内容来看，Browserify是我需要使用的。那个听起来是对的吗？人们对这个解决方案有什么建议吗？

Answer 1

您可以开始使用Grunt或Gulp。使用这些工具，您可以做的不仅仅是连接和缩小文件。例如，如果您选择使用Gulp：

• 您必须下载gulp-cli $ npm install --global gulp-cli

• 然后在项目中创建gulpfile.js并添加gulp作为依赖项$ npm install gulp --save

• 然后添加gulp-concat包，它将连接您的文件$ npm install gulp-concat --save
• 最后添加一些代码来连接你的文件。 Here is an example。

如果您需要任何进一步的帮助，请发表评论。祝你好运！

使用Grunt 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