Question

我正在使用webpack捆绑我的应用。由于我的应用程序包含两个saperated文件，因此我决定将webpack与多个编译器一起使用，例如：https://github.com/webpack/webpack/tree/master/examples/multi-compiler

现在需要统一这些文件。我的输出应该是一个脚本文件，该脚本必须包含第二个脚本作为字符串（转义）。

这就是我所做的：

var compiler = webpack(webpackConfig());

compiler.plugin('done', () => {
    var bundleA = fs.readFileSync(`${paths.build.scriptA}/bundle.js`, 'utf8');
    var bundleB = fs.readFileSync(`${paths.build.scriptB}/bundle.js`, 'utf8');
    bundleA = hostBundle
        .replace('BUNDLE B CONTENT HERE', JSON.stringify(bundleB));

    fs.writeFileSync(`${paths.build.scriptA}/bundle.js`, bundleA);
});
compiler.run(function(error, stats) {
    if (error) {
        console.log('error');
    } else {
        console.log('done');
    }
});

只要我构建项目，此代码就可以正常运行。问题是，当我使用webpack devserver运行它时，它不起作用。

这是否是我需要的最佳解决方案？
我该如何修复webpack devserver？

捆绑包含其他webpack输出的脚本

0 个答案: