vue 整體引入 mint-ui 樣式失敗

當引入Mint-ui 整體css 時

 

 

如果出現了這樣的錯誤， 是指找不到對應的Mint-UI 的css ；需要從node_modules里尋找

 

 

解決方法是在webpack.config.js（有的項目是webpack.base.conf.js這里隨項目配置而定，知道是這個東西就可以了）里配置；

{
  test: /\.css$/,
  include: [
    'node_modules/mint/lib/'    // 這里引入mint-ui 的css
  ],
  loader: 'style-loader!css-loader!less-loader'
},

注意： 確保babel es轉換插件都已經安裝配置完成；