多个js合并及压缩

作者: 魏无献 | 来源:发表于2019-06-22 14:42 被阅读0次

    最近用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页面:

    相关文章

      网友评论

        本文标题:多个js合并及压缩

        本文链接:https://www.haomeiwen.com/subject/awxoxctx.html