programing

VueJ를 사용하여 파일을 루트 "dist/" 폴더에 복사하는 방법

javaba 2022. 8. 1. 23:33
반응형

VueJ를 사용하여 파일을 루트 "dist/" 폴더에 복사하는 방법

파일을 복사해야 합니다.dist폴더(실행 시)npm run buildVueJs 인스턴스에서는요 하지만 어떻게 하는지 모르겠어요

파일은 다음과 같습니다.sitemap.xml,robots.txt기타 필요한 컨피규레이션파일을 참조해 주세요.

다음에 새 폴더를 만들 수 있습니다.static/또는 "이 파일들을 /dist/폴더에 복사하십시오"라고 말합니다.

가능합니까?

업데이트: 웹 팩을 사용하여 dist 폴더를 생성하고 있습니다.

vue-cli를 사용하는 경우 'public' 폴더의 모든 파일이 'dist' 폴더에 복사됩니다.

https://cli.vuejs.org/guide/html-and-static-assets.html#relative-path-imports 를 참조해 주세요.

나는 Vue가 이 문제를 특별하게 만들지 않는다고 생각한다.

이 복사 플러그인을 웹 팩에 사용할 수 있습니다.

https://github.com/webpack-contrib/copy-webpack-plugin

장소를 불문하고 파일을 카피할 수 있습니다.

저 같은 경우에는 없어요.webpack.config.js파일. 모든 웹 팩 설정은quasar-cli그 자체입니다.

이 기능을 통해quasar.conf.js이 파일에서는 웹 팩 구성도 확장할 수 있습니다.

같은 문제를 해결하려면 다음 절차를 따릅니다( 참조).quasar.conf.js):

const CopyWebpackPlugin = require('copy-webpack-plugin')

다음으로 내부 빌드 구성:

extendWebpack (cfg) { cfg.plugins.push( new CopyWebpackPlugin( [{ context: '${__dirname}/src/root', from: '*.*' }] ) ); }

모든 파일이 복사됩니다.src/root에게dist/를 선택합니다.

이 문제는 해결에 큰 도움이 되었습니다.

내 작업 버전:

extendWebpack(cfg, {isServer, isClient}) {
    cfg.plugins.push(
      new CopyWebpackPlugin([
          {
            from: './src/root/*',
            to: './',
            flatten: true,
          }],
      )
    );
  }

언급URL : https://stackoverflow.com/questions/48945081/how-to-copy-file-to-root-dist-folder-with-vuejs

반응형