在vue2.x，vue-cli-4.x的项目中，怎么使本次编译失效？但是下次仍然正常编译？

Question

如题，我看到webpack的文档中有watching.invalidate()这个方法来取消本次编译，但是我在webpack的自定义插件还是在vue.config.js中，均拿不到watching实例，我的webpack是4.46.0，求助！

Answer 1

class InvalidateWebpackPlugin {
  apply(compiler) {
    compiler.hooks.watchRun.tap('InvalidateWebpackPlugin', (watching) => {
      watching.invalidate();
    });
  }
}

然后vue.config.js：

const InvalidateWebpackPlugin = require('./InvalidateWebpackPlugin');

module.exports = {
  configureWebpack: {
    plugins: [
      new InvalidateWebpackPlugin(),
    ],
  },
};