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`)
      }
    }
    


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

    71d03880-ae29-4593-82d1-12ea8c1a4404-image.png

    这是官方的警告

    正确的修改方法

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

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

Log in to reply