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

发布时间：2020-12-17 09:34:01 所属栏目：安全来源：网络整理

导读：这个过程说简单也简单，说麻烦也麻烦，如果想简单做，就用requirejs带的r.js进行压缩一下就行了，要想麻烦，需要在requirejs的压缩文件里配置需要合并压缩的模块。例如下面这种： modules:[ { "name":"app","exclude":[ 'jquery','angular','angularAMD','a

这个过程说简单也简单，说麻烦也麻烦，如果想简单做，就用requirejs带的r.js进行压缩一下就行了，要想麻烦，需要在requirejs的压缩文件里配置需要合并压缩的模块。

例如下面这种：

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

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

最后写个简单的脚本：

gulp compass  & gulp moduleTemplates & node public/r.js -o public/app.build.release.js

先处理scss文件，在压缩合并模板文件，接着用r.js进行处理发布。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!