记录一个小问题：clean-webpack-plugin 路径不匹配问题

问题

今天在改造之前的一个老项目的webpack配置时，使用clean-webpack-plugin插件清除打包文件dist目录。得到一个error:

关于报错clean-webpack-plugin:E:\workspace\ar\dist is outside of the project root. Skipping...
复制代码

配置也很简单，

new CleanWebpackPlugin(['dist'])
复制代码

在官方NPM地址也没有找到答案。

后来查询得知，CleanWebpackPlugin用法如下:

new CleanWebpackPlugin(paths [, {options}])
复制代码

Paths (必须)

一个数组，数组的每一个元素为要删除的路径例如： [dist,build]

Options 和默认 (Optional)

{
    "root":"[webpack.config的地址]",// 一个根的绝对路径.
    "verbose": true,// 将log写到 console.
    "dry": false,// 不要删除任何东西，主要用于测试.
    "exclude": ["files","to","ignore"]//排除不删除的目录，主要用于避免删除公用的文件
}
复制代码

问题解决

这里是root参数不准确导致的，可以通过如下配置解决这个问题

new CleanWebpackPlugin(['dist'], {
   root: path.resolve(__dirname, '../'),   //根目录
   //其他配置按需求添加
})
复制代码