Webpack插件儿童观察编译

Question

插件编译附加资产。在emit阶段：

MyPlugin.prototype.apply = function(compiler) {
  compiler.plugin('emit', function(compilation, callback) {
    var outputOptions = {
      filename: 'output.js',
      publicPath: compilation.outputOptions.publicPath
    };
    var childCompiler = compilation.createChildCompiler('MyPluginCompilation', outputOptions);
    childCompiler.apply(new NodeTemplatePlugin(outputOptions));
    childCompiler.apply(new LibraryTemplatePlugin('result', 'var'));
    childCompiler.apply(new NodeTargetPlugin());
    childCompiler.apply(new SingleEntryPlugin(this.context, 'my-loader!input.js'));
    childCompiler.runAsChild(callback);
  });
};

这很好，但是webpack在使用'input.js'时没有看到指定的webpack-dev-server文件。

如何设置webpack子编译以便在文件更改时重新编译？

Answer 1

监视是在after-compile步骤启动的，该步骤运行在emit之前，因此您的子编译器的文件依赖项从未添加到要查看的文件列表中。

您应该使用make而不是emit。它是用于将条目和模块添加到编译中的推荐接口。