将 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
我正在构建一个 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