简化 requirejs 的配置
npm install requirejs-config-sugar> 作用：简化使用 requirejs 打包时，引用模块文件前的处理操作，参考 jQuery 打包时的处理，即项目会被打包成一个 UMD 的文件，供浏览器、Node 等场景下使用。
安装
npm install requirejs-config-sugar
引入模块
var rjsCfg_sugar = require("requirejs-config-sugar");
根据模块名称的编译，示例如下
模块名称 | 模块内容 | 编译结果
:---|:---|:---
tpl/name1 | function(){} | var tpl_name1 = function(){}
var/fn1 | function(){} | var fn1 = function(){}
text!var/tpl/name2.html | html字符串... | var tpl_name2 = 'html字符串...'
text!obj/name3.html | html字符串... | obj.name3 = 'html字符串...'
obj/name4 | function(){} | obj.name4 = function(){}
上方中实现的提前配置如下：
``
{common:{
objectModuleDir:["obj"],
varModuleDir:["var","tpl"],
...
},...}
> 的 obj 目录，需添加配置 objectModuleDir:["obj"]
简要示例如下：
`
// entry.js
define([
"core",
"fn/name1",
"var/fn1",
"text!var/tpl/name2.html",
"text!TPL/name3.html",
"TPL/name4",
], function(Fn) {
Fn.xxx2 = tpl_name2;
// 全局命名空间
var spaceName="TPL";
// console.log("main.complete");
if( window[spaceName] ){
$.extend(window[spaceName],Fn);
}else{
window[spaceName] = Fn;
}
return Fn;
});
// core.js
define([], function() {
var Fn = {
fieldname1:1,
fieldname2:function(){
}
};
return Fn;
});
`
更多写法可以通过阅读项目示例体会 test/app
> 其中 var、TPL、Fn ，目前均为保留字段名！
为对象，其中包含如下参数
| 字段名称 | 作用 | 备注 |
| :------------- |:-------------| :-----|
| common | 通用参数设置 | 与 records 字段配置内容相同，只是在此配置后，在每一条记录都会生效 |
| records | 每条记录参数设置 | 设置对象字段请 参考 |
示例：`
rjs_sugar.config({
"common":{
"name":"entry",
"optimize":"none",
// 自义定参数
"speedTaskEnter":0, // 任务进入执行队列中最小间隔时间
"onBuildWriteAfter":function(moduleName, path, contents){
// onBuildWrite 之后执行的回调
return contents;
},
"varModuleDir":['var'] // 通过模块名称转化为定义语法，例：var xxx = ...
"objectModuleDir":[] // 通过模块名称转化为对象注册属性语法，例：Obj.attr = ...
},
"records":{
"recordsName1":{
"baseUrl": 'dirname1/',
"out": 'build/file1_build.js'
},
"recordsName2":{
"baseUrl": 'dirname2/',
"out": 'build/file2_build.js'
},
}
});
$3
通过配置记录执行打包参数 | 作用
:---|:---
recordName | config设置的记录名称
callback | 打包执行后的回调函数
示例：
rjs_sugar.optimize("gf",cbfn);
$3
通过传入配置参数执行打包
参数 | 作用
:---|:---
config | requirejs 打包配置，请 参考
callback | 打包执行后的回调函数
示例：
rjs_sugar.optimize({
name: 'entry',
out: 'build.js'
},cbfn);
$3
通过传入文件的绝对路径，获取匹配的配置记录。且可立即执行打包。
参数 | 作用 | 默认值
:---|:---|:---
path | 文件的绝对路径，建议使用 path.resolve() |
runPack | 立即执行打包 | false
callback | 打包执行后的回调函数 | 返回：匹配记录的名称
示例：
var recordName = rjs_sugar.matchRecord( path.resolve('./dirname1/xxx.js'), true, function(name,options){
console.log(name); // recordsName1
console.log(options); // { "baseUrl":'dirname1/', "out":'build/file1_build.js' }
} );
console.log( recordName ); // recordsName1