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进行处理发布。
例如下面这种:
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进行处理发布。
相关文章推荐
- [置顶] AngularJS在实际项目中的应用系列目录
- AngularJS实际项目应用——模块划分
- AngularJS实际项目应用——项目目录结构概览
- apk反编译,smali文件修改,重新打包,java转samli插件在项目中的实际应用
- docker在实际发布tomcat + mysql项目中的应用
- AngularJS实际项目应用——前端工具介绍
- AngularJS实际项目应用——动态模块切换设计
- AngularJS实际项目应用——程序入口启动
- 从angularJS的数组中拿出数据——实际项目应用
- AngularJS实际项目应用——前端js框架以及库介绍
- AngularJS实际项目应用——Service层介绍
- AngularJS实际项目应用——移动端设计
- AngularJS实际项目应用--ui-router
- AngularJS实际项目应用——Controller层介绍
- AngularJS实际项目应用——模块路由
- AngularJS实际项目应用——命名规范概览
- Android实战 - 音心播放器 (项目总结,应用打包发布)
- Angularjs2项目打包发布以及部署在Linux上
- cocos2d-x项目打包发布到Win8应用商店
- AngularJS实际项目应用——单元测试框架设计