将 AngularJS 个文件合并为一个文件

Combining AngularJS files into one file

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

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

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

您可以开始使用 Grunt or 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