在Vue-CLI项目中更改公用文件夹

安吉洛·汉斯

运行时npm run build，出现以下错误消息。

[copy-webpack-plugin]无法在“ path \ to \ project \ public”中找到“ path \ to \ project \ public”

我将public文件夹移到src/main/resources/public。但是我找不到更改路径的配置。我认为相关代码在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']
    }]])

如何在vue.config.js中覆盖它？

约翰·弗尔

这对我使用vue-cli 3.0起作用。只需将其添加到您的vue.config.js文件即可。

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

尽管这在技术上可能更正确。

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

编辑：

实际上，这是执行此操作的首选方法，因此不会覆盖其他任何默认值。

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

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。