मैंने अभी अपना खुद का टास्क रनर / बंडलर बनाया है।
यह गल्प और शायद वेबपैक की तुलना में उपयोग करने के लिए सरल है (हालाँकि मैंने कभी वेबपैक का उपयोग नहीं किया है)।
यह बहुत ही सरल है और इसमें बॉक्स से बाहर की ओर बबेल, ब्राउजराइज़, क्रॉलिज़, मिनिफाई और हैंडलबार हैं।
सिंटैक्स इस तरह दिखता है:
const Autumn = require("autumn-wizard");
const w = new Autumn();
//----------------------------------------
// CSS
//----------------------------------------
var cssFiles = [
'./lib/pluginABC/src/css/**/*.{css,scss}',
];
w.forEach(cssFiles, srcPath => {
var dstPath = w.replace('/src/', '/dist/', srcPath);
dstPath = w.replace('.scss', '.css', dstPath);
dstPath = w.replace('.css', '.min.css', dstPath);
w.minify(srcPath, dstPath, {
sourceMap: useSourceMap,
});
});
//----------------------------------------
// BUNDLE THE JS MODULE
//----------------------------------------
var srcPath = "./lib/pluginABC/src/main.js";
var dstPath = "./lib/pluginABC/dist/bundled.min.js";
w.bundle(srcPath, dstPath, {
debug: useSourceMap,
});
//----------------------------------------
// CREATE THE HANDLEBARS TEMPLATES
//----------------------------------------
var tplPaths = [
"./lib/pluginABC/src/templates/**/*.hbs",
];
dstPath = "./lib/pluginABC/dist/templates/bundled.js";
w.precompile(tplPaths, dstPath);
और डॉक यहां है: https://github.com/lingtalfi/Autumn
उम्मीद है कि यह मदद करता है।