最近用requirejs封装了一些接口类的js(AMD规范),网上搜索一大堆,发现都不是自己想要的,又或是打包后未提及如何调用的。针对于这个问题,笔者各种百度,尝试,发现requirejs自带的r.js对多个js合并压缩很好使,以下是笔者的亲测结果,把我的实际经验分享给大家,如果有更好的压缩插件还望大家多多指教!
1.下载r.js文件
下载地址:r.js下载
放在与require.js同级目录下
我的项目目录2.需要安装node环境
3.我需要将如下js合并为一个js,(注:AMD规范的js,如果不是amd规范的,需要在require.config中配置,才能在amd规范的js中引入,如果对require不太熟的可以先去了解下,本文不作解释)如下:
需要合并的js进入cmd命令窗口:
进入项目目录下,输入如下命令:node js/r.js -o baseUrl=js/lib/Cesium name=DX out=build.js optimize=none
设置optimize=none,合并后可以对代码进行调试
cmd 输出结果至此合并完成,build.js就是合并后的文件。
4.如何调用问题,在html中引入或是require加载build文件后如何获取其中的对象,比如我要获取DX对象,这个对象中包含其他js的对象。
在合并的build.js中,最后加入如下代码:
加入的代码给个回调,html中就可以拿到DX对象,有了它就可以操作任何你想要的。
html页面:
网友评论