仅当 Flow 编译成功时如何运行 clean-webpack-plugin？

Question

我在构建之前使用clean-webpack-plugin 删除/dist 文件夹，并且仅在Flow 成功的编译阶段。

我遇到的问题是即使 Flow 抛出错误，clean 插件也会运行。

是否可以解决这个问题（我的意思是当出现编译错误时，不要删除“dist”文件夹）？

./src/app.js

function init(a: number) {
    //...
}
init("2");

./webpack.config.json

const path = require("path");
const webpack = require("webpack");
const flowTypeLoaderPlugin = require("flowtype-loader/plugin");
const CleanWebpackPlugin = require("clean-webpack-plugin");

module.exports = [{
    entry : "./src/app.js",
    output : {
        filename : "build.js",
        path : path.resolve(__dirname, "dist")
    },
    module : {
        loaders : [
            /*{
                test: /\.js$/,
                enforce: "pre",
                use: CleanWebpackPlugin(["dist"], {
                    root: "/dist",
                    verbose: true,
                    dry: true,
                    "watch": true
                    })
            },*/
            {
                test : /\.js$/,
                loader : "flowtype-loader",
                enforce : "pre",
                exclude : /node_modules/
            },
            {
                test : /\.jsx?$/,
                enforce : "pre",
                loader : "remove-flow-types-loader",
                include : path.join(__dirname, "src")
            }
        ]
    },
    plugins : [
        new flowTypeLoaderPlugin({cwd : path.resolve(__dirname, "src"), failOnError : true}),

        //Empty "dist" folder
        new CleanWebpackPlugin(["dist"], {
            root: "/",
            verbose: true,
            dry: true,
            "watch": true
        })
    ]
}];

Answer 1

解决此问题的一种方法是通过添加“should-emit”条件来修改 CleanWebpackPlugin 的代码。它对我有用，但我不确定它是否适用于所有可能的情况：

CleanWebpackPlugin.prototype.apply = function(compiler) {
  var _this = this;
  if (compiler === undefined) {
    return clean.call(_this);
  } else {
    compiler.plugin("should-emit", compilation => {
      if (_this.options.watch) {
        compiler.plugin("compile", function(params) {
          clean.call(_this);
        });
      } else {
        return clean.call(_this);
      }
    });
  }
};

这也需要你在你的 webpack 配置文件中使用另一个插件：NoEmitOnErrorsPlugin