webpack 4 启动webpack-dev-server时build目录被clean-webpack-plugin删除了

Question

问题

项目中，我先配合NPM执行webpack命令对代码进行构建，其中使用了clean-webpack-plugin先删除以前的构建结果，再生成新的。

之后，我配合NPM使用webpack-dev-server --open命令启动服务器，但这个时候，clean-webpack-plugin也会被执行，然后就把我最开始执行webpack命令的时候生成的build目录删除了，请问怎么办？

代码

package.json

"scripts": {
    "start": "webpack-dev-server --open",
    "build": "webpack",
 },

webpack.config.js

plugins: [
    // 其他插件
    new CleanWebpackPlugin([path.join(__dirname, 'build')]),
],

devServer: {
    contentBase: './build',
},

Answer 1

分开配置webpack的config，拆成webpack.prod，webpack.base，webpack.dev，我觉得 0 配置并没有卵用。。

或者 设置环境变量

"dev": "NODE_ENV=development webpack-dev-server"

if (process.env.NODE_ENV === 'development') {
    // xxxx
}

windows 和 mac 兼容用 env-cross 包