fws
Version:
Fws is a workflow management tool that focuses on global automation tasks.
259 lines (228 loc) • 9.74 kB
JavaScript
;
/**
* es、es6、js文件打包
*
* @class Es2
* {
* src:'', <string> 源文件路径
* dist:'', <string> 输出路径
* debug:true [boolean] 默认:true,debug模式将生成调试信息
* }
*/
class Es2{
constructor(option){
const _ts = this;
option = option || {};
let m = _ts.m = {
fs:require('fs-extra'),
path:require('path'),
rollup:require('rollup'),
rollup_json:require('rollup-plugin-json'),
rollup_nodeResolve:require('rollup-plugin-node-resolve'),
rollup_commonjs:require('rollup-plugin-commonjs'),
rollup_typescript2:require('rollup-plugin-typescript2'),
rollup_replace:require('rollup-plugin-replace'),
replaceGlobal:require('./replaceGlobal'),
pathInfo:require('./getPathInfo'),
rollup_vue:require('rollup-plugin-vue')
},
config = _ts.config = {};
//配置写入到_ts.config
for(let i in option){
config[i] = option[i];
};
//默认开启debug模式
config.debug = config.debug === undefined ? true : config.debug;
//检查如果是.d.ts文件，则编译对应的.ts文件。和修改输出文件路径
if(config.src.substr(-5) === '.d.ts'){
config.src = config.src.substr(0,config.src.length - 5) + '.ts';
config.dist = (()=>{
if(config.dist.substr(-5) === '.d.js'){
return config.dist.substr(0,config.dist.length - 5) + '.js';
};
return config.dist;
})();
};
config.srcInfo = m.pathInfo(config.src);
return new Promise((resolve,reject)=>{
//检查文件是否为有效的类型
let isSupport = (()=>{
let extensions = ['js','es','es6','ts','tsx','jsx'],
fileType = config.srcInfo.extension;
return extensions.some((item,index)=>{
return fileType === '.'+item;
});
})();
if(config.srcInfo.type !== 'file'){
resolve({
status:'success',
msg:`忽略 ${config.src} 编译（文件不存在）`
});
};
if(isSupport){
try {
_ts.init().then(v => {
resolve(v);
}).catch(e => {
reject(e);
});
} catch (error) {
reject({
status:'error',
msg:`初始化失败 ${m.path.join(fws.fwsPath,'lib','es2.js')}`,
info:error
});
};
}else{
reject({
status:'error',
msg:typeof config.src === 'string' ? `${config.src} 不是有效的文件` : `参数传入错误`
});
};
});
}
init(){
const _ts = this,
m = _ts.m,
config = _ts.config,
fileType = config.srcInfo.extension;
//设置编译插件
let plugins = [
m.rollup_replace({
'process.env.NODE_ENV': JSON.stringify(config.debug ? 'development' : 'production')
}),
//允许引入node模块
m.rollup_nodeResolve({
jsnext:true,
main:true,
extensions:['.mjs', '.js', '.jsx', '.json', '.tsx', '.es6','.ts']
}),
//由于node_modules大多数包都是CommonJS规范，因此需要
m.rollup_commonjs(),
m.rollup_typescript2({
tsconfigDefaults:{
compilerOptions:{
alwaysStrict:true,
lib:'ES3',
module:'ES2015',
sourceMap:true,
inlineSourceMap:true,
moduleResolution:'node',
jsx:'react',
jsxFactory:'React.createElement'
}
}
})
];
//项目类型是vue的话，则添加vue支持组件
if(fws.config.projectType === 'vue'){
let cssPath = `dev/css/${config.srcInfo.name}.css`;
plugins.push(m.rollup_vue.default({css:cssPath}))
};
//typescript编译选项（用于编译JS、ES6等文件）
let tsOption = {
alwaysStrict:true, //是否启用严格模式
lib:'ES3', //编译库'ES3','ES5','ES2015','ES2016','ES2017','Latest'
module:'ES2015', //代码生成规范'None','CommonJs','AMD','UMD','System','ES2015'
sourceMap:true //生成map文件
};
//react文件类型修改编译选项
if(fileType === '.tsx' || fileType === '.jsx'){
tsOption.jsx = 'react';
};
//将编译插件传递到插件列表
plugins.push(require('./tsPlugin')(tsOption));
//允许引入json
plugins.push(m.rollup_json());
// let cache = fws.cache[config.src] ? fws.cache[config.src] : null;
// console.time('编译');
//编译方法
let render = (resolve,reject)=>{
m.rollup.rollup({
input:config.src,
cache:true,
plugins:plugins,
onwarn:function(warning){
if (warning.code === 'THIS_IS_UNDEFINED') {return;}
console.warn( warning.message );
}
}).then(v => {
// 保存缓存
// fws.cache[config.src] = v.cache;
let format = (()=>{
if(config.srcInfo.extension === '.js'){
return 'es';
};
let fileContent = m.fs.readFileSync(config.src).toString();
if(/\nexport /ig.test(fileContent) || fileContent.indexOf('export ') === 0){
return 'umd';
}else{
return 'iife';
};
})();
//设置文件输出选项
let result = v.generate({
format:format, //amd、cjs、es、iife、umd
sourcemap:'inline',
// file:config.dist,
name:config.srcInfo.name//模块名即输入的文件名
});
//输出文件
result.then(v => {
let code = v.code,
map = '//# sourceMappingURL=data:application/json;charset=utf-8;base64,'+Buffer.from(JSON.stringify(v.map)).toString('base64'),
outCode,
distDir = m.path.dirname(config.dist);
if(code){
code = m.replaceGlobal(code);
};
//将代码转换成为兼容cmd和hjs的规范
code = code.replace("typeof define === 'function' && define.amd ? define(factory) :","typeof define === 'function' && define.amd ? define(factory) : \r\n typeof define === 'function' && (define.cmd || define.hjs) ? define(function(require,exports,module){module.exports = factory()}) :");
outCode = config.debug ? code + map : code;
//写入文件到硬盘
m.fs.ensureDir(distDir,err => {
if(err){
reject({
status:'error',
msg:`${distDir} 创建错误`,
info:err
});
}else{
try {
m.fs.writeFileSync(config.dist,outCode);
resolve({
status:'success',
msg:`写入 ${config.dist}`,
distPath:config.dist,
data:outCode
});
} catch (error) {
reject({
status:'error',
msg:`写入失败 ${config.dist}`,
distPath:config.dist,
info:error
});
};
};
});
// console.timeEnd('编译');
}).catch(e => {
reject({
status:'error',
msg:`${config.src} 编译结果出错`,
info:e
});
});
}).catch(e => {
reject({
status:'error',
msg:`${config.src} 编译过程错误`,
info:e
});
});
};
return new Promise(render);
}
}
module.exports = Es2;