zoukankan      html  css  js  c++  java
  • 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	est
    equirejsdemo3js                 
    λ 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         
    

    zrender-demo

    C:wxg	estzrenderdemojs
    λ 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
    
  • 相关阅读:
    Linux 简介
    5设计模式之桥接模式(结构模式)
    2设计模式之简单工厂模式(构造模式)
    3异步和多线程
    1设计模式之单例模式
    性能测试知多少---吞吐量
    NumberFormat DecimalFormat
    Java 005 枚举
    log4j
    Java Basic
  • 原文地址:https://www.cnblogs.com/juedui0769/p/5090541.html
Copyright © 2011-2022 走看看