你的位置:首页 > 软件开发 > Java > requireJS的优化工具

requireJS的优化工具

发布时间:2017-03-17 00:01:06
requireJS是javascript的模块加载器,是基于AMD规范实现的。r.js是其提供的对模块进行打包和构建的一个工具下载 r.js创建r.js 的配置文件 build.jsbuild.js({ appDir: ./,    //项目根目录 out: main- ...

requireJS的优化工具

 

requireJS是javascript的模块加载器,是基于AMD规范实现的。

r.js是其提供的对模块进行打包和构建的一个工具

下载 r.js

创建r.js 的配置文件 build.js

build.js

({  appDir: './',    //项目根目录  out: 'main-build.js',  //输出文件名  dir: './outdir',   //输出目录,全部文件打包后要放入的文件夹(如果没有会自动新建的)    /* 有了dir,就不能使用out配置项了,你在编译时它有非常明确的提示 */  baseUrl: './js/pages',    //相对于appDir,代表要查找js文件的起始文件夹,下文所有文件路径的定义都是基于这个baseUrl的  modules: [    //要优化的模块 —— 里面的配置项即各页面的 相对baseUrl路径的 省略后缀“.js”的 入口文件(入口文件 ---- 即加载页面时引入require.js的script标签上data-main属性所指定的文件)    //该属性必不可少,因为一个程序至少需要有一个入口    { name:'main'},    { name:'index'} ],  fileExclusionRegExp: /^(r|build)\.js|.*\.scss$/,   //正则匹配过滤文件,匹配到的文件将不会被输出到输出目录去,这里过滤掉的是 r.js、build.js、*.scss三类文件  optimizeCss: 'standard',  removeCombined: true, //如果为true,优化器将从输出目录中删除已合并的文件  paths: { //各模块相对baseUrl的路径,直接从require.config的path配置中烤取即可    "underscore": "../libs/underscore/underscore-min",    "backbone": "../libs/backbone/backbone-min",  },  shim:{// 配置不符合AMD规范的模块,直接从require.config的shim配置中烤取即可    "underscore": {      exports: "_"    },    "backbone": {      deps: ["underscore", "jquery"],      exports: "Backbone"    },  } })

原标题:requireJS的优化工具

关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。