vue - config. js 실전 설정

오늘 vue - config. js 설정 에 대해 말씀 드 리 겠 습 니 다. 저희 앞 에 비 계 를 구축 하면 2. x 버 전에 비해 많은 것 이 줄 어 들 었 고 build 의 설정 도 없고 webpack 의 설정 도 없습니다. 그러면 문제 가 생 겼 습 니 다. 우 리 는 어떻게 우리 의 프로젝트 를 개발 합 니까? 예 를 들 어 대리 설정, 포장 설정 등 문 제 를 해결 합 니까?비 계 를 만 들 지 않 습 니 다. 클릭 하여 vue - cli 3 를 만 듭 니 다.
실제로 저 희 는 vue - config. js 에서 설정 할 수 있 습 니 다. (방금 만 든 이 js 는 모두 비어 있 습 니 다) 저 는 홈 페이지 에서 흔히 볼 수 있 는 설정 을 모두 설명 하고 코드 를 보 았 습 니 다.

module.exports = {
  //              URL。
  //      ，Vue CLI                      
  //   https://www.my-app.com/。              ，                。  ，           https://www.my-app.com/my-app/，    baseUrl   /my-app/。
  baseUrl: process.env.NODE_ENV === "production" ? "./" : "/",
 
  // outputDir:  npm run build   yarn build   ，         （  baseUrl         ）
  outputDir: "dist",
  //            (js、css、img、fonts)  ；（      ，             ）
  assetsDir: "assets",
  //      index.html        (    ，       index.html    )
  // indexPath: "myIndex.html",
  //     ，                   hash          。             false         。(false               )
  filenameHashing: false,
 
  //   lintOnSave：{ type:Boolean default:true }       eslint,    true，eslint-loader   lint      。     ，        ，         。
  lintOnSave: true,
  //              eslint-loader，        
   lintOnSave: process.env.NODE_ENV !== 'production',
 
  //              Vue     。    true        Vue       template    ，              10kb   。(  false)
   runtimeCompiler: false,
  //     babel-loader         node_modules。     Babel        ，          
 transpileDependencies:[],
  
  //          source map，        false          ,map            。
  productionSourceMap: false,
  //    HTML   crossorigin     。            
 crossorigin:undefined,
 /*
 *       HTML true        （SRI）<link rel="stylesheet"> <script>  。    CDN        ，                。
 *，  SRI ，  Chrome             ，            
 * */
 ntegrity:false,
 //     ，          *.module.[ext]     CSS  。     true   .module         *.(css|scss|sass|less|styl(us)?)    CSS  。
 //extract true    ，false    ,       CSS      CSS   （    JavaScript        ,          CSS，    CSS        
 //sourceMap   CSS     。     true         
//       CSS      
 css:{
   modules:false,
   extract:true,
   sourceMap:false,
   loaderOptions:{
        css: {
        // options here will be passed to css-loader
      },
      postcss: {
        // options here will be passed to postcss-loader
      }
    }
}

  //    webPack-dev-server     
  devServer: {
    host: "localhost",
    port: 8080, //    
    https: false, // https:{type:Boolean}
    open: true, //         
    // proxy: 'http://localhost:9000' //       ,      
 
    //       
    proxy: {
      "/api": {
        target: "<url>",//     
        ws: true,//   WebSockets  
        changeOrigin: true//         
      },
      "/api2": {
        target: "<other_url>"
      }
    }
  }
}</code></pre> 
  <p>        ,      vue-cli3</p> 
 </div> 
</div>
                            </div>
                        </div>
                    </div>
                    <!--PC WAP    -->
                    <div id="SOHUCS" sid="1294597969361838080"></div>
                    <script type="text/javascript" src="/views/front/js/chanyan.js">
                    
                     
                

이 가능 하 다, ~ 할 수 있다,...

ASM 시리즈 5 TreeApi 분석 으로 Class 생 성
lijingyao8206
ASM 바이트 코드 동적 생 성 ClassNode TreeAPI

링크 트 리 - 복합 데이터 구조 응용 인 스 턴 스
bardo
데이터 구조 트 리 구조 표 구조 설계 체인 테이블 메뉴 정렬

왜 비트 연산 으로 모형 을 대체 해 야 합 니까?
chenchao051
비트 연산 해시 어 셈 블 리

최근 의 상황
밀밭 설계 자
살다 깨닫다 계획 연수 시험 생각 하 다.

PHP 문자열 의 마지막 문 자 를 지 우 는 방법
IT 독행 자
PHP 문자열

hadop Liux 에서 단일 컴퓨터 설치 과정
_wy_
linux hadoop

JAVA 진급 - 분포 식 사무의 간단 한 처리 방법
무량 하 다
다 중 시스템 상호작용 분포 식 사무.

안 묵 모 바 일 광고: 모 바 일 DSP 의 두 꺼 운 발 모 가 미래 광고업 발전의 명맥 을 이 끌 고 있다.
난쟁이
hadoop 인터넷

알파벳 별 분류:
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 기타
첫 페이지 -
우리 -
역 내 검색 -
Sitemap -
권리 침해 신고
모든 IT 지식 창고 저작권© 2000 - 2050 IT 지식 창고 IT610. com, 판권 소유.
경 ICP 비 09083238 호

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

내 새 책,오픈 소스 관리 시스템, vue-bag-admin

vue-bag-admin，use Vue3+Vite2.6+TypeScript+ant-design-vue，Provide the basic framework, quickly build enterprise-level bac...

---

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.