requirejs实验002. r.js合并文件. 初体验.
requirejs的官网上有介绍如何使用r.js合并,压缩文件的.http://requirejs.org/docs/optimization.html
https://github.com/jrburke/r.js/blob/master/build/example.build.js 这里罗列了所有的优化参数.
我是在win7上使用r.js的. 安装使用的是npm -> npm install -g requirejs 安装在全局,更合适,方便在任何地方使用.
windows上使用r.js有点微小不同. r.js -> r.js.cmd
我采用建立一个配置文件build.js来存放优化参数. 使用的是requirejs实验001中的项目. 如下:
({
baseUrl: '.',
// paths: {
// jquery: 'some/other/jquery'
// },
map: {
'b': {
'a': 'a.1.0'
},
'c': {
'a': 'a.1.1'
}
},
name: 'main',
out: 'main-built.js'
})
因为main.js中有配置map,所以build.js中也要配置map,否则...得不到正确的结果.
然后就是调用 r.js.cmd 来执行优化了.
r.js.cmd -o build.js optimize=none
optimize=none 表示只合并文件不压缩.
C:\wxg\test\requirejs\demo3\js
λ r.js.cmd -o build.js optimize=none Tracing dependencies for: main C:/wxg/test/requirejs/demo3/js/main-built.js
----------------
C:/wxg/test/requirejs/demo3/js/a.1.0.js
C:/wxg/test/requirejs/demo3/js/util.js
C:/wxg/test/requirejs/demo3/js/b.js
C:/wxg/test/requirejs/demo3/js/a.1.1.js
C:/wxg/test/requirejs/demo3/js/c.js
C:/wxg/test/requirejs/demo3/js/main.js
C:\wxg\test\zrender\demo\js
λ r.js.cmd -o build.js optimize=none Tracing dependencies for: main C:/wxg/test/zrender/demo/js/main-built.js
----------------
C:/wxg/test/zrender/demo/js/../../libs/zrender/src/dep/excanvas.js
C:/wxg/test/zrender/demo/js/../../libs/zrender/src/tool/util.js
C:/wxg/test/zrender/demo/js/../../libs/zrender/src/config.js
C:/wxg/test/zrender/demo/js/../../libs/zrender/src/tool/log.js
C:/wxg/test/zrender/demo/js/../../libs/zrender/src/tool/guid.js
C:/wxg/test/zrender/demo/js/../../libs/zrender/src/tool/env.js
C:/wxg/test/zrender/demo/js/../../libs/zrender/src/mixin/Eventful.js
C:/wxg/test/zrender/demo/js/../../libs/zrender/src/tool/event.js
C:/wxg/test/zrender/demo/js/../../libs/zrender/src/tool/vector.js
C:/wxg/test/zrender/demo/js/../../libs/zrender/src/tool/matrix.js
C:/wxg/test/zrender/demo/js/../../libs/zrender/src/Handler.js
C:/wxg/test/zrender/demo/js/../../libs/zrender/src/tool/curve.js
C:/wxg/test/zrender/demo/js/../../libs/zrender/src/tool/area.js
C:/wxg/test/zrender/demo/js/../../libs/zrender/src/mixin/Transformable.js
C:/wxg/test/zrender/demo/js/../../libs/zrender/src/tool/color.js
C:/wxg/test/zrender/demo/js/../../libs/zrender/src/shape/Base.js
C:/wxg/test/zrender/demo/js/../../libs/zrender/src/shape/Text.js
C:/wxg/test/zrender/demo/js/../../libs/zrender/src/shape/Rectangle.js
C:/wxg/test/zrender/demo/js/../../libs/zrender/src/loadingEffect/Base.js
C:/wxg/test/zrender/demo/js/../../libs/zrender/src/Layer.js
C:/wxg/test/zrender/demo/js/../../libs/zrender/src/shape/Image.js
C:/wxg/test/zrender/demo/js/../../libs/zrender/src/Painter.js
C:/wxg/test/zrender/demo/js/../../libs/zrender/src/Group.js
C:/wxg/test/zrender/demo/js/../../libs/zrender/src/Storage.js
C:/wxg/test/zrender/demo/js/../../libs/zrender/src/animation/easing.js
C:/wxg/test/zrender/demo/js/../../libs/zrender/src/animation/Clip.js
C:/wxg/test/zrender/demo/js/../../libs/zrender/src/animation/Animation.js
C:/wxg/test/zrender/demo/js/../../libs/zrender/src/zrender.js
C:/wxg/test/zrender/demo/js/../../libs/zrender/src/animation/animation.js
C:/wxg/test/zrender/demo/js/../../libs/zrender/src/shape/Circle.js
C:/wxg/test/zrender/demo/js/main.js
requirejs实验002. r.js合并文件. 初体验.的更多相关文章
- require.js 加载 vue组件 r.js 合并压缩
https://www.taoquns.com 自己搭的个人博客 require.js 参考阮一峰 Javascript模块化编程(三):require.js的用法 r.js 合并压缩 参考司徒正美 ...
- 转: requirejs压缩打包r.js使用示例 2 (~~很详细的教程)
这一篇来认识下打包工具的paths参数,在入门一中 就介绍了require.config方法的paths参数.用来配置jquery模块的文件名(jQuery作为AMD模块时id为“jquery”, 但 ...
- 转:requirejs打包压缩r.js使用示例
为了应对日益复杂,大规模的JavaScript开发.我们化整为零,化繁为简.将复杂的逻辑划分一个个小单元,各个击破.这时一个项目可能会有几十个甚至上百个JS文件,每个文件为一个模块单元.如果上线时都是 ...
- r.js合并实践 --项目中用到require.js做生产时模块开发 r.js build.js配置详解
本文所用源代码已上传,需要的朋友自行下载:点我下载 第一步: 全局安装 npm install -g requirejs 第二步: 1.以下例子主要实现功能, 1)引用jq库获取dom中元素文本, ...
- r.js合并实践
项目中用到require.js做生产时模块开发,但上线要合并压缩,幸好它配套有r.js.下面就其用法说明一下. 首先建一个目录,里面的结构如下: require.js可以到r.js项目下载 r.js可 ...
- requirejs 使用实例r.js打包
在这里,请先看基础文章与相关技术文档: 安装: npm init npm install requirejs --save npm install jquery@1.11.1 --save 创建基本目 ...
- js随堂初体验(一)
Js初体验(-) 1 js的基础知识 A web三大标准:1 html:结构标准 2 css:表现标准 3 javascript:行为标准 B js三种书写方式:1 行内js:onclick ...
- Node.js后台开发初体验
Node.js是什么 Node.js是一个Javascript运行环境(runtime),发布于2009年5月,由Ryan Dahl开发,实质时对Chrome V8引擎进行了封装 Node.js安装 ...
- r.js结合gulp等于webpack(angular为例)
本人大学时玩dojo,开始了AMD模块化的不归路,工作后一直使用requirejs,感觉非常好.但是,近来随着react的火热,webpack成为了天下无敌的模块化工具,能做模块化,合并压缩,监视等, ...
随机推荐
- BOOL,int,float,指针变量与零值比较的if语句
1.注意这里说的是,与零值比较,而不是与零比较. 2.对于int类型,与零值比较就是: if(var == 0) //零值 3.对于bool类型,零值表示false,任何非零值表示true,因此使用: ...
- 理解 __declspec(dllexport)和__declspec(dllimport)
1.解决的问题: 考虑下面的需求,使用一个方法,一个是提供者,一个是使用者,二者之间的接口是头文件.头文件中声明了方法,在提供者那里方法应该被声明为__declspec(dllexport),在使用者 ...
- Codeforces Round #318 [RussianCodeCup Thanks-Round] (Div. 1) B. Bear and Blocks 水题
B. Bear and Blocks Time Limit: 20 Sec Memory Limit: 256 MB 题目连接 http://codeforces.com/contest/573/pr ...
- [Ramda] Compose and Curry
Curry: The idea of Curry is to spreate the data from the function. Using Curry to define the functio ...
- StarlingMVC Framework 原理。。。
向starlingmvc 中添加bean后..会根据Metadata标签,分别交给不同的Processor去处理...然后会执行每个bean的postConstruct函数.相当于初始化函数...可以 ...
- Explain的type, where 和 order by 组合是索引的选择
Explain的type显示的是访问类型,是较为重要的一个指标,结果值从好到坏依次是: system > const > eq_ref > ref > fulltext > ...
- iOS 10 的适配问题
随着iOS10发布的临近,大家的App都需要适配iOS10,下面是我总结的一些关于iOS10适配方面的问题,如果有错误,欢迎指出. 1.系统判断方法失效: 在你的项目中,当需要判断系统版本的话,不要使 ...
- Debian 7 安装 Python3.4
Debian 7 自带的python是2.7.3,要用最新的3.4版本怎么办?我们从官网下载压缩包自己编译. 一.安装编译用的包 $ sudo apt-get install build-essent ...
- python(1) -文件操作
很多时候我们需要对文件进行一些操作,比如读取并分析日志文件,写入日志文件等等.显然python也内置了对文件进行操作的函数. 读文件: >>> f = open('a.log','r ...
- 最短路径之Dijkstra算法及实例分析
Dijkstra算法迪科斯彻算法 Dijkstra算法描述为:假设用带权邻接矩阵来表示带权有向图.首先引进一个辅助向量D,它的每个分量D[i]表示当前所找到的从始点v到每个终点Vi的最短路径.它的初始 ...