Use the "outputDir" option instead. Error

Version

3.0.0-beta.15

Reproduction link

https://codesandbox.io/s/vue

Steps to reproduce

Set up vue.config.js like this:

module.exports = {

   configureWebpack:{

      output: {
	 path: '../test-folder/',
	 filename: '[name].js',
	 publicPath: '/'
       },
   }
}

And run npm run build

What is expected?

To get build files in the test-folder folder

What is actually happening?

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

---

Should have been fixed in 3.0.0-beta.10

[kamidev]

This works for me.

const path = require(‘path’);

module.exports = { lintOnSave: true, outputDir: path.resolve(__dirname, ‘…/priv/static’), };

[borantula]

changing it within vue ui created the file below which started working with custom directory. Haven’t debugged yet which one helped.

module.exports = {
    publicPath: undefined,
    outputDir: '../public/site/dist',
    assetsDir: undefined,
    productionSourceMap: undefined,
    parallel: undefined,
    css: undefined
}