webpack 修改 output 报错 webpack output.path directly. Use the "outputDir"

[伤感的恋人]

错误如下，头疼

ERROR  Error:

Configuration Error: Avoid modifying webpack output.path directly. Use the "outputDir" option instead.

原配置

{
  output: {
    path: path.resolve(__dirname, `dist_dev`)
  }
}

[zaohen21]

经过测试，这个错是 vue-cli 校验webpack配置文件的时候报的错误，根据官方的说明，新版的vue-cli中是无法直接修改webpack的output选项的，需要通过vue.config.js 中的 outputDir属性进行配置

这是官方的警告

正确的修改方法

在 vue.config.js 中设置如下属性

// vue.config.js
module.exports = {
  outputDir:  'dev_test'
}