VUE-CLI 프로젝트는 일반적인 구성을 알 필요가

1, 구성 파일 경로 포장 후

입력 설정>는 assetsPublicPath하는 index.js : '/'변화 './';

{구축 
  이 필요합니다 (: ENV './prod.env' ) 
  지수 : path.resolve (__ dirname이, '../dist/index.html' ), 
  assetsRoot을 : path.resolve를 (__ dirname이, '../dist' ) 
  assetsSubDirectory : '고정' , 
  : assetsPublicPath './' ,   
  productionSourceMap : 거짓 , 
  productionGzip : 거짓 , 
  productionGzipExtensions : 'JS', 'CSS' ] 
  bundleAnalyzerReport : process.env.npm_config_report 
}

2, 포트 충돌을 방지하기 위해, 9090에 포트 번호 8080를 수정

포트를 수정하기 위해 설정>하는 index.js 입력 : 9090

module.exports = { 
  DEV { 
    assetsSubDirectory : '고정' , 
    assetsPublicPath : ' / 
    호스트 : '로컬 호스트 , 
    포트 : 9090,

3 크로스 도메인 구성 proxyTable 개발 환경에서의 문제를 해결

= module.exports { 
  DEV : { 
    proxyTable : {
          '/ Dianping' : { 
            대상 : 'HTTP : // ****' , 
            changeOrigin : true로 , 
            {: pathRewrite
               '^ / Dianping': '/ Dianping' // 이 자신의 프로젝트에 따라 기입 
            } 
        } 
    }

네, 일부 사진은 빌드 \에 제한 실패를 참조 댓글 한계를 webpack.prod.conf.js

{ 
  시험 : /\.(png|jpe?g|gif|svg)(\?.*)?$/ , 
  로더 : 'URL 로더' , 
  옵션 : { 
    // 제한 : 10000, 
    이름 : utils.assetsPath ( "IMG / [이름] 해시 : 7].. EXT] ) 
  } 
}

5 .MAP 파일의 포장을 제거하지 마십시오

진정한 변화 productionSourceMap : 다음 productionSourceMap에서 구성 \를하는 index.js에서 거짓

{구축 
  이 필요합니다 (: ENV './prod.env' ) 
  지수 : path.resolve (__ dirname이, '../dist/index.html' ), 
  assetsRoot을 : path.resolve를 (__ dirname이, '../dist' ) 
  assetsSubDirectory : '고정' , 
  assetsPublicPath : './' , 
  productionSourceMap : 거짓 , 
  productionGzip : 거짓 , 
  productionGzipExtensions : 'JS', 'CSS' ] 
  bundleAnalyzerReport : process.env.npm_config_report 
}

빌드 패키지가 사진 배경 CSS 파일에 발표 될 예정이다 후 6 찾을 수 없습니다

다음과 같이 파일을 수정, utils.js 파일을 발견 구축 : 

    IF (options.extract) {  
          반환 ExtractTextPlugin.extract ({   
           로더 : 사용   
           publicPath을 : '../../', // 빌드를 해결하는 것은 CSS BG IMG 잘못된 경로를로드 문제 (이 라인은 추가 된) 
           'VUE 스타일 로더'대체   
         })   
       } 가 다른 {  
          리턴 [ 'VUE - 스타일 로더' ] .concat (로더를)   
       }   
     }