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-dev-server时， webpack-dev-server不会监视指定的'input.js'文件。

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

Answer 1

监视从after-compile步骤开始，该步骤在 emit 之前运行，因此子编译器的文件依赖关系永远不会添加到要监视的文件列表中。

您应该使用make而不是emit 。 建议使用此接口将条目和模块添加到编译中。