vue 에서 mint-ui 보고 css 오류 해결 방법 설정

1714 단어 vuemintui
vue 2.0 에 mint-ui 를 도입 한 후 항상 css 의 오 류 를 보고 합 니 다.

그러나 package.json 에 css-loader style-loader 가 설정 되 어 있 습 니 다.webpack.config 에 도 css 가 설정 되 어 있 습 니까?아니면 이 오 류 를 보고 하 는 것 입 니까?반대로 webpack.config 에 있 는 css 설정 설명 을 없 애 면 오류 가 발생 하지 않 습 니 다.왜 일 까요?
웹 팩.config 에 css 가 도입 한 디 렉 터 리 가 설정 되 어 있 지 않 기 때 문 입 니 다.기본 적 인 상황 에서 우 리 는/src/디 렉 터 리 에 있 는 css 만 도입 하지만 mint-ui 는 nodemodules 디 렉 터 리 가 도입 되 었 기 때문에 webpack.config 에 css 설정 을 추가 합 니 다.

{
    test: /\.css$/,
    include: [
     /src/,
     '/node_modules/mint-ui/lib/'  //    
    ],
    loader: "style!css"
   },
물론,.babelrc 에 서 는 이렇게 설정 해 야 합 니 다:

{
 "presets": [
    "es2015","stage-0"
    ],
 "plugins": [
  ["component", [
   { 
    "libraryName": "mint-ui",
    "style": true 
   }
  ]]
 ]
}
es6 가 es5 로 전 의 된 플러그 인 이 모두 설치 되 어 있 는 지 확인 하려 면,

webpack.config 에서 전체 설정:

웹 팩.config 에 presets:['es 2015']가 설정 되 어 있 지 않 으 면 import 의 오 류 를 보고 합 니 다.
 
이 오 류 는 바로 es6 의 문법 전의 실패 로 인 한 것 이다.
주:웹 팩.config 의 설정 은 웹 팩 버 전에 따라 버 전 설정 방법 이 다 릅 니 다.웹 팩 1.0 버 전 을 사용 합 니 다.
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기