您的位置:首页 > Web前端 > AngularJS

AngularJS实际项目应用——打包发布

2017-03-07 13:51 302 查看
这个过程说简单也简单,说麻烦也麻烦,如果想简单做,就用requirejs带的r.js进行压缩一下就行了,要想麻烦,需要在requirejs的压缩文件里配置需要合并压缩的模块。

例如下面这种:

modules:[
{
"name":"app",
"exclude":[
'jquery',
'angular',
'angularAMD',
'app.templates',
'../ngDirectives/index',
]
},
{
"name":"../ngDirectives/index",
"exclude":[
'jquery',
'angular',
'dyload'
]
},

......
],

由于用了requirejs的异步加载功能,所以需要根据程序的业务逻辑做一下判断,到底怎么压缩合并合适。是不管三七二十一一下把所有代码都压缩到app.js里,还是分开模块,把每个模块的代码压缩到单独的代码中。

最后写个简单的脚本:

gulp compass & gulp moduleTemplates & node public/r.js -o public/app.build.release.js
先处理scss文件,在压缩合并模板文件,接着用r.js进行处理发布。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: