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成为了天下无敌的模块化工具,能做模块化,合并压缩,监视等, ...
随机推荐
- 极限编程(XP)基本原则与规范
1. 坐在一起(Sitting Together) 尽可能让团队成员坐在一起,Kent Block在一次芝加哥的某个濒临困境的项目中发现,虽然这个团队都是由程序 精英组成,但是却陷入困境,后来他发现, ...
- URAL 2046 A - The First Day at School 模拟题
A - The First Day at SchoolTime Limit: 20 Sec Memory Limit: 256 MB 题目连接 http://acm.hust.edu.cn/vjudg ...
- iOS开发——动画篇Swift篇&动画效果的实现
Swift - 动画效果的实现 在iOS中,实现动画有两种方法.一个是统一的animateWithDuration,另一个是组合出现的beginAnimations和commitAnimation ...
- 简化LINUX的命令输入 简化linux命令
在LINUX中,有很多常用的命令,常用的命令我们可以熟练的记忆,但是对于不经常使用的命令恐怕是需要翻阅手册了,但是我们可以简化这些命令的输入来达到简便记忆的效果. 这里以BSH为例: 编辑/etc/b ...
- 十六款值得关注的NoSQL与NewSQL数据库--转载
原文地址:http://tech.it168.com/a2014/0929/1670/000001670840_all.shtml [IT168 评论]传统关系型数据库在诞生之时并未考虑到如今如火如荼 ...
- HBase-分布式安装
HBase的安装很简单,也是分为单机伪分布式和分布式 先保证hadoop环境JDK环境,我的是2.2.0和1.6_45 1.确定hadoop正常 2.上传HBase并解压,我用的是和hadoop2.2 ...
- HBase-初看HBase
0.95版本hbase 单机模式下所有的服务都运行在一个JVM上,包括HBase和zookeeper.使用的是本地文件系统 日志默认放在目录下logs文件夹中 基本命令: create 'table' ...
- 疑问-hadoop
hadoop可以设置备份数据个数,那么这些不同节点的数据块对于hadoop来说有区分谁是备份的谁是直接可以用的吗? hadoop有机架策略,给某些操作如像根据带宽选择节点传输数据 那么这种策略的根据是 ...
- Adobe Edge Animate –EdgeCommons Log和全局变量设置功能
Adobe Edge Animate –EdgeCommons Log和全局变量设置功能 版权声明: 本文版权属于 北京联友天下科技发展有限公司. 转载的时候请注明版权和原文地址. 一.Log功能 当 ...
- 关于启动 Eclipse 弹出“Failed to load the JNI shared library jvm.dll”错误的解决方法!