【问题标题】:Combining AngularJS files into one file将 AngularJS 文件合并为一个文件
【发布时间】:2016-12-28 09:04:29
【问题描述】:

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

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

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

【问题讨论】:

    标签: javascript angularjs browserify


    【解决方案1】:

    您可以开始使用GruntGulp。使用这些工具,您可以做的不仅仅是连接和缩小文件。例如,如果您选择使用 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
    

    【讨论】:

    • 由于我无法控制的原因,我将不得不使用 Grunt。话虽如此,感谢您澄清我可以在没有 browserify 的情况下执行此操作。我正在研究使用 grunt-contrib-concat (github.com/gruntjs/grunt-contrib-concat)。这似乎会做我想要的(合并到一个文件中并缩小)。如果这看起来有点过头了,请告诉我。
    • Grunt 当然也可以完成这项工作。让我用 grunt 配置更新答案。
    • 这很有帮助。如果可以的话,我会再投一个赞成票。非常感谢!
    猜你喜欢
    • 2020-06-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-08-17
    • 1970-01-01
    • 2021-11-08
    • 1970-01-01
    相关资源
    最近更新 更多