webpack 多个动态入口文件
我现在使用webpack+gulp来进行前端项目构建,js我希望是动态的多个入口文件,我的入口文件可能会新增、删除。
下面是我的解决方案
gulpfile.js
function getEntried(){
var files = glob.sync('./src/js/*/index.js');
var newEntries = files.reduce(function(memo, file) {
var name = /.*\/(.*?)\/index\.js/.exec(file)[1];
memo[name] = entry(name);
return memo;
}, {});
}
function webpackDevelopment(done) {
webpackConfig.entry = Object.assign({},getNewEntries())
var Compiler = webpack(webpackConfig);
Compiler.run(function (err, stats) {
if (err) throw new Error(err)
util.log("[webpack:build-js]", stats.toString({
colors: true
}))
callback()
})
}
gulp.task("wepback",webpackDevelopment)
function watch() {
gulp.watch("content/js/**/*.js", webpackBuild)
}
gulp.task("watch", watch)
各位有没有什么好的解决方案?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
同学,这么长时间过去了 你找到解决方案了吗,有的话顺便贴一下呗