r.js压缩代码常用的配置及命令
2015-01-21 22:00
204 查看
最近用require写了一个网站的模块,到压缩的时候,各种查资料学习,但由于时间较紧,将所有代码都压缩成一个文件,导致代码的体积很大,今天抽时间网上参考下官网的说明配置,将这次压缩代码的配置及运行命令记录下来,以后留着用.
1. js的压缩
这次只是初步应用,如果有好的方法或有误的地方,还望各位大侠们指教.
第一种配置的文件: 需要把所有依赖的文件都压缩到当前代码中.
baseUrl: 指当前配置文件的路径
paths: 配置一些下面配置时需要的路径
name: 需要被压缩的文件
optimizeCss: none不压缩, standard标准压缩
out: 输出的文件
第二种配置的文件,去掉常用的库(单引用)
dir: 输出目录的路径
modules: 压缩合并的模块,exclude: 筛选掉的文件,不被压缩到main的压缩文件里
执行代码:
2. css的压缩
第一种情况,直接压缩某个文件,执行代码
第二种情况,压缩多个文件
需要先将要压缩的文件放到一个css中,用@import引入,如下所示:存储文件为main.css
执行代码:(标准压缩)
先贴到这里,其实js压缩里有很多配置项,除上述配置外,比如如果有cdn引入的js如何配置; 需要压缩成多个文件等等; 还有压缩时需要包含那些文件和排除那些文件等等.
咱们下次接着贴!!!
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如何配置; 需要压缩成多个文件等等; 还有压缩时需要包含那些文件和排除那些文件等等.
咱们下次接着贴!!!
相关文章推荐
- 在NebBean中配置常用插件-调试/预览页面/打开项目文件夹/JS代码提示
- React多页面应用5(webpack生产环境配置,包括压缩js代码,图片转码等)
- gulpfile.js 配置常用命令
- 在NebBean中配置常用插件-调试/预览页面/打开项目文件夹/JS代码提示
- 一款js和css代码压缩工具[附JAVA环境配置方法]
- 常用js代码
- 常用JS网页广告代码
- Fedora Core 4上的一些常用配置命令
- 思科路由器基本配置与常用配置命令(simple for CCNA)
- (转载)HP-UX系统维护基本命令和常用配置文件
- 常用系统配置和命令
- js脚本常用代码
- linxu压缩解压缩常用命令
- ASP.NET大型OA中常用的一些报表生成,压缩,下载等操作代码
- Linux常用命令和服务器配置
- [JS代码]常用的JS语句
- js控制窗口常用代码
- Unix平台下的常用命令技巧之二 TCP/IP网络配置
- 几种页面刷新常用代码(js)
- 常用JS代码(二)