vue-cli-service build 명령을 사용하여 자산을 복사하는 방법

vue-cli-service build 명령을 사용하여 자산을 복사하는 방법

아래는 내 앱의 내용입니다.src디렉토리로 이동합니다.에 있는 파일을 복사하려면 어떻게 해야 합니까?src/assets/others로.dist/others폴더vue-cli-service build명령어?그나저나 제 프로젝트는vue create명령어를 입력합니다.

    src/
    ├── App.vue
    ├── assets
    |    ├── others
    |        └── metadata.xlsx
    dist/
    ├── css
    │   ├── app.4d032e62.css
    │   └── chunk-vendors.f6f30965.css
    ├── favicon.ico
    ├── img
    │   └── upload.a0fd70ac.svg
    ├── index.html
    └── js
        ├── app.11cd5b00.js
        ├── app.11cd5b00.js.map
        ├── chunk-vendors.58c6929b.js
        └── chunk-vendors.58c6929b.js.map

Vue CLI 프로젝트에서src/assets일반적으로 디렉토리에는 웹 팩에 의해 처리되는 파일이 포함되어 있으며(최소화를 위해 등), 정적 자산은 에 저장됩니다.public디렉토리로 이동합니다.그래서, 당신은 당신의 옷을src/assets/others로.public/others에 자동적으로 카피됩니다.dist설계 중.

다른 한편으로, 만약 당신이 더 좋아한다면src/assets디렉토리에는 어떤 이유로 정적 자산도 포함되어 있습니다.복사하도록 (Vue CLI에 이미 포함되어 있음)를 설정할 수 있습니다.src/assets/others로.dist/others빌드 시:

// vue.config.js
const path = require('path')

module.exports = {
  chainWebpack: config => {
    config.plugin('copy')
          .tap(args => {
            args[0].push({
              from: path.resolve(__dirname, 'src/assets/others'),
              to: path.resolve(__dirname, 'dist/others'),
              toType: 'dir',
              ignore: ['.DS_Store']
            })
            return args
          })
  }
}

언급URL : https://stackoverflow.com/questions/60304092/how-to-copy-assets-with-vue-cli-service-build-command