Change public folder in vue-cli project

Question

When I run npm run build I get the following error message.

[copy-webpack-plugin] unable to locate 'path\to\project\public' at 'path\to\project\public'

I moved the public folder to src/main/resources/public. However I can't find a config to change the path. I think the relevant code is in node_modules\@vue\cli-service\lib\config\app.js

// copy static assets in public/
webpackConfig
  .plugin('copy')
    .use(require('copy-webpack-plugin'), [[{
      from: api.resolve('public'),
      to: api.resolve(options.outputDir),
      ignore: ['index.html', '.DS_Store']
    }]])

How do I override this in vue.config.js?

You should simply take a look at your webpack.config.json file — soju
– soju, Commented Mar 15, 2018 at 14:13

Marvin Rabe · Accepted Answer · 2018-12-25 15:57:45Z

10

This works for me using vue-cli 3.0. Just add it to your vue.config.js file.

module.exports = {
  chainWebpack: config => {
    config
      .plugin('html')
      .tap(args => {
        return [{template: '/path/to/index.html'}]
      })
  }
}

Though this might be more technically correct.

module.exports = {
  chainWebpack: config => {
    config
      .plugin('html')
      .tap(args => {
        args[0] = {
            template: '/path/to/index.html'
        }
        return args
      })
  }
}

Edit:

Actually this would be the preferred way of doing this so that none of the other defaults are overwritten.

module.exports = {
  chainWebpack: config => {
    config
      .plugin('html')
      .tap(args => {
        args[0].template = '/path/to/index.html'
        return args
      })
  }
}

edited Dec 25, 2018 at 15:57

Marvin Rabe

4,2594 gold badges27 silver badges43 bronze badges

answered Mar 22, 2018 at 19:53

John Furr

1161 silver badge3 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Andy Over a year ago

This works, but path has to start with ./ otherwise you get some error module could not be resolved so ./path/to/index.html

Collectives™ on Stack Overflow

Change public folder in vue-cli project

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related