将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文件合并到一个文件中

回答

相关问题