webpack config missing in vuejs

Question

My vuejs app\'s package.json looks like

package.json

{
  \"name\": \"vue_app\",
  \"version\": \"0.1.0\",
  \"private\": true,
  \"scripts\"         


        

Answer 1

In vue cli 3 the webpack config file is generated dynamically at runtime. It has been abstracted away. That is the reason you don't see a webpack config file.

You can find the webpack config file here:

/node_modules/@vue/cli-service/webpack.config.js

This is the file that is dynamically resolved.

The output.publiPath is / by default in the webpack config file. If you want to check want is webpack config file looks like you can use vue inspect command in your command line or via vue ui -> click Tasks -> click inspect. It prints out a serialized format only meant for inspection of the config file.

But if you want to configure the webpack config you can make use of the vue.config.js file.

If you do not have vue.config.js file, then create it in root of your project.

Then add the following:

// vue.config.js
module.exports = {
    configureWebpack: {
        output: {
            publicPath: '/static/'
        }
    }
}

Resources:

• Vue-Cli 3 docs
• Configuring Webpack