鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ webpack 4 啟動webpack-dev-server時(shí)build目錄被c

webpack 4 啟動webpack-dev-server時(shí)build目錄被clean-webpack-plugin刪除了

問題

項(xiàng)目中，我先配合NPM執(zhí)行webpack命令對代碼進(jìn)行構(gòu)建，其中使用了clean-webpack-plugin先刪除以前的構(gòu)建結(jié)果，再生成新的。

之后，我配合NPM使用webpack-dev-server --open命令啟動服務(wù)器，但這個時(shí)候，clean-webpack-plugin也會被執(zhí)行，然后就把我最開始執(zhí)行webpack命令的時(shí)候生成的build目錄刪除了，請問怎么辦？

代碼

package.json

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

webpack.config.js

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

devServer: {
    contentBase: './build',
},
回答
編輯回答
忘了我

分開配置webpack的config，拆成webpack.prod，webpack.base，webpack.dev，我覺得 0 配置并沒有卵用。。

或者 設(shè)置環(huán)境變量

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

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

windows 和 mac 兼容用 env-cross 包

2018年1月31日 00:53