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

最新推荐文章于 2025-06-16 17:00:00 发布

转载最新推荐文章于 2025-06-16 17:00:00 发布 · 145 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/mengyun/p/4240242.html

文章标签：

#javascript #ViewUI

本文分享了使用require进行JS和CSS代码压缩的经验，详细介绍了两种JS压缩配置方法：一种是将所有依赖压缩到单一文件；另一种是排除常用库进行压缩。同时提供了CSS压缩的具体步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近用require写了一个网站的模块,到压缩的时候,各种查资料学习,但由于时间较紧,将所有代码都压缩成一个文件,导致代码的体积很大,今天抽时间网上参考下官网的说明配置,将这次压缩代码的配置及运行命令记录下来,以后留着用.

1. js的压缩

这次只是初步应用,如果有好的方法或有误的地方,还望各位大侠们指教.

第一种配置的文件: 需要把所有依赖的文件都压缩到当前代码中.

({
   baseUrl: "./",
   paths: {
       amd_modules: "../amd_modules",
       lib : "../lib"
   },
   name: "main",
   optimizeCss: "none",
   out: "index-built.js"
})

　　baseUrl: 指当前配置文件的路径

　　paths: 配置一些下面配置时需要的路径

　　name: 需要被压缩的文件

　　optimizeCss: none不压缩, standard标准压缩

　　out: 输出的文件

第二种配置的文件,去掉常用的库(单引用)

({
    mainConfigFile : "main.js",
    baseUrl: "./",
    paths : {
        amd_modules: "../amd_modules" ,
        lib: "../lib"
    },
    dir: "built",
    keepBuildDir: false,  //不复制依赖文件
   
    modules: [
        {
            name: "main",
            exclude: ["amd_modules/jquery/1.8.3/jquery", "lib/header/0.0.1/header"]
        }
    ]
})

　　dir: 输出目录的路径

　　modules: 压缩合并的模块,exclude: 筛选掉的文件,不被压缩到main的压缩文件里

　　执行代码:

node r.js -o config.js

2. css的压缩

第一种情况,直接压缩某个文件,执行代码

node r.js -o cssIn=index.css out=built/index.css

第二种情况,压缩多个文件

需要先将要压缩的文件放到一个css中,用@import引入,如下所示:存储文件为main.css

@import url("icons.css");
@import url("window.css");
@import url("tabs.css");
@import url("index.css");

执行代码:(标准压缩)

node r.js -o cssIn=main.css out=built/main.css optimizeCss=standard

先贴到这里,其实js压缩里有很多配置项,除上述配置外,比如如果有cdn引入的js如何配置; 需要压缩成多个文件等等; 还有压缩时需要包含那些文件和排除那些文件等等.

咱们下次接着贴!!!

转载于:https://www.cnblogs.com/mengyun/p/4240242.html