webpack 多个动态入口文件

发布于 2022-09-04 11:58:47 字数 882 浏览 10 评论 0

我现在使用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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

彼岸花ソ最美的依靠 2022-09-11 11:58:47

同学,这么长时间过去了 你找到解决方案了吗,有的话顺便贴一下呗

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文