vue-cli 프로젝트에서 공용 폴더 변경

vue-cli 프로젝트에서 공용 폴더 변경

내가 달릴 때npm run build다음과 같은 에러 메세지가 표시됩니다.

[copy-webpack-public]이(가) '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
      })
  }
}

언급URL : https://stackoverflow.com/questions/49278322/change-public-folder-in-vue-cli-project