使用r.js压缩js代码

在项目中,使用r.js搭配node环境对项目中的所有js文件进行一键压缩,首先下载r.js,放在目录中,项目目录结构如下:

其中,build.js文件是需要我们自己配置的,r.js会根据它去找被压缩的目录和压缩后的放置目录。大概如下:

(function() {

    var re = {

        //js路径
        baseUrl: "./js",

        //发布目录
        dir: "./js_build",

        //代码内部写的require也计算在打包内
        findNestedDependencies: true,

        //去掉头部版权声明
        preserveLicenseComments: false,

        // optimizeAllPluginResources: true,

        // fileExclusionRegExp: /^(r|build)\.js$/,

        // stubModules: [‘text‘],

        /*
         * 模块
         */
        modules: [

            {
                name: "lib/common",
                exclude: []
            },

            {
                name: "controller/www/index",
                exclude: ["lib/common"] //排除lib/common 模块,不让压进来,页面会引入
            }

        ],
        /*
         * 自动删除被合并过的文件
         */
        removeCombined: false
        /*
    ,
    optimize : "none"
    */
    }
    return re;
})()

这时候,我们就可以运行压缩了,在cmd命令行中(当前文件路径下)输入 node r.js -o build.js  回车以后,系统就会自动对项目中的js文件进行压缩,得到如上图的压缩文件夹和build.txt文件。

也可以使用compress.bat将压缩的命令保存起来作为批处理,以后运行只需要双击compress.bat文件即可自动执行压缩。compress.bat内容如下:

node r.js -o build.js
pause

时间: 2024-10-22 00:03:17

使用r.js压缩js代码的相关文章

sublime text2之js压缩-Js Minifier

一款基于Google Closure compiler压缩Js文件插件. 快捷键: Ctrl+Alt+M            当前文件内压缩Js代码(不推荐) Ctrl+Alt+Shift+M   压缩Js并生成压缩文件 *.min.js 安装成功重启,如果报错,在配置里改一个参数,"compiler": "uglify_js", { // the closure compiler adds new lines every 500 characters // fo

r.js压缩代码常用的配置及命令

最近用require写了一个网站的模块,到压缩的时候,各种查资料学习,但由于时间较紧,将所有代码都压缩成一个文件,导致代码的体积很大,今天抽时间网上参考下官网的说明配置,将这次压缩代码的配置及运行命令记录下来,以后留着用. 1. js的压缩 这次只是初步应用,如果有好的方法或有误的地方,还望各位大侠们指教. 第一种配置的文件: 需要把所有依赖的文件都压缩到当前代码中. ({ baseUrl: "./", paths: { amd_modules: "../amd_module

r.js压缩打包(require + backbone)项目开发文件

最近项目稳定了一点,之前一直没空关注的开发文件压缩打包问题也有时间来解决了 AMD模块化开发中的代码压缩打包工具——r.js 环境搭建基于nodejs:用于AMD模块化开发中的项目文件压缩打包,不是AMD模式也是可以的 javascript部分 压缩javascript项目开发文件夹 build.js压缩打包配置文件,文件名可随意 ({ appDir : './', //基于build,根目录 baseUrl : './project', //基于appDir,项目目录 dir : './pro

使用Ant和YUICompressor链接合并压缩你的JS和CSS代码

JS代码和CSS代码在上线前要压缩大家应该都是知道的了.记得之前做项目的时候,最后要交差的时候是找了个网站,将JS代码的文件一个一个地复制,粘贴,复制,粘贴. 当时就在想:TMD有没有好一点的方法,劳资不想老是用Ctrl大法.啊啊啊啊啊啊啊啊阿~.最最坑爹的是,有时候将代码复制粘贴的时候手一抖可能就删了点什么东西,手一快又保存了,反正各种坑爹.坑到没朋友. 但是呢,不压缩也不是是吧? 在写JS代码渐渐多了起来的时候就发现手动压缩根本不是长远的方法.而且JS的代码也开始分块,分功能,分文件写了,尽

gulp打包压缩js代码

这是一个小demo,实现的功能如下: 1.在js代码打包很多的js文件,我们需要控制某些个别js件必须在前面.这里做到了简单的实现. 2.实现合并成一个js文件. 3.实现压缩成一行,即生成*.min.js. 一,首先看下目录结构 其中main.js模拟了最重要的一个js文件,在页面上应该首先需要加载的js.文件. 我们把不需要考虑顺序的文件放在了js文件夹下.main.js a.js b.js 里面几句简单的代码.大家可以下载demo文件查看. gulpfile.js package.json

js数组特定位置元素置空,非null和undefined,实现echarts现状图效果;谷歌格式化压缩js代码

一.想要实现eCharts线状图表的断点效果,如图 这种效果,在设置数据的时候应该是这样: data:[, 2, 3, , 5, 6, 7]:但是想要动态添加数据,实现方式有两种 1.拼接字符串法:var str='[, 2, 3, , 5, 6, 7]';var arr=eval(str); 2.改变数组长度法: var arr=[]; for(var i=1;i<8;i++){ if(i==1||i==4){ arr.length=arr.length+1; continue; }arr.p

RequireJS模块化后JS压缩合并

使用RequireJS模块化后代码被拆分成多个JS文件了,在部署生产环境需要压缩合并,RequireJS提供了一个打包压缩工具r.js来对模块进行合并压缩.r.js非常强大,不但可以压缩js,css,甚至可以对整个项目进行打包. r.js的压缩工具使用UglifyJS或Closure Compiler.默认使用UglifyJS(jQuery也是使用它压缩).此外r.js需要node.js环境,当然它也可以运行在Java环境中如Rhino.JAVA环境使用Ant构建可以参考另外一篇RequireJ

uglifyjs压缩JS

需要先安装node,进入命令行,查看node,npm是否正确安装. 接下来安装UglifyJS,命令如:npm install uglify-js -g 于是,下面就可以压缩JS了. 下面演示如何使用uglifyjs压缩JS. 我的桌面上有个名叫formini的文件夹,我会把要压缩的文件放在其中,然后再压缩. 现在,我从内部拷贝了一个名叫inet.js的JS文件到这个文件夹中,然后: 打开cmd, 这个不会我就没有办法了 目录引到formini文件夹,cd 然后什么什么的,这个不会我也没有办法了

uglifyjs压缩JS的

一.故事总有其背景 年末将至,很多闲适的时间,于是刷刷微博,接触各种纷杂的信息——美其名曰“学习”.运气不错,遇到了一个新名词,uglifyjs. 据说是用来压缩JS文件的,据说还能优化JS,据说是基于node的,还据说比Google Closure Compiler更带感,哦?激起了我的好奇心.百之谷之,哟,相关的介绍还不少.然后折腾了个把小时,基本上知道了是个怎么回事. 我觉得吧,还是有些用的,即使是不是从事node开发的人,抽个小空,share之,于是就有了本文.人总有浮躁的时候,我也不例