프로덕션 빌드에서 js 및 css 파일의 파일 경로 변경

프로덕션 빌드에서 js 및 css 파일의 파일 경로 변경

나는 약간의 도움이 필요하거나 적어도 올바른 방향으로 지적될 필요가 있다.나는 Vue CLI 3을 사용하여 vuejs 앱을 배포하려고 한다. build 명령을 실행하면 파일이 dist 폴더에 내장되어 잘 작동한다.dist 내에는 각각의 파일이 들어 있는 js와 css 폴더도 있다.내 인덱스.html에는 /css/app.css 또는 /js/app.js로 경로가 생성된다.app.css나 app.js를 간단히 읽을 수 있는 경로와 index.html과 함께 dist 폴더에 파일을 저장해 놓았으면 좋겠다./css/를 제거하는 것이 나의 목표다.

웹 팩을 구성하면 vue.config.js에서 이 작업이 수행된다고 가정한다.나는 이것을 이해할 수 없을 것 같다.나는 그 기지를 이해한다.URL 설정만 해도 이 부분은 알 수 있어.어떤 도움이라도 감사할 것이다.

고마워요.

여기 https://github.com/vuejs/vue-cli/issues/1967에서 답변하셨습니다.

기본적으로 구성은 다음과 같아야 함

module.exports = {
  chainWebpack: (config) => {
    config.module
      .rule('images')
      .use('url-loader')
      .tap(options => Object.assign({}, options, {
        name: '[name].[ext]'
      }));
  },
  css: {
    extract: {
      filename: '[name].css',
      chunkFilename: '[name].css',
    },
  },
  configureWebpack: {
    output: {
      filename: '[name].js',
      chunkFilename: '[name].js',
    }
  }
};

참조URL: https://stackoverflow.com/questions/52305534/changing-file-path-of-js-and-css-files-in-production-build