iView自定義主題報錯

一、 錯誤及問題分析

在項目中引入iview，編寫自定義主題文件theme.less，按照官網模板在theme.less中引入index.less，然後在main.js中import theme.less，自信滿滿的點擊運行，what？？？什麼鬼？.bezierEasingMixin()報錯，oh my god！各種查詢最後確定是less版本不一致導致的問題！天吶，版本更新不是應該兼容舊版方法麼，爲啥子不兼容～～～，不說這些了，解決問題纔是關鍵！

二、問題解決

1. 前提
   我用的是vue-cli3，用vue-cli2的在百度一下吧。堅決抵制舊版本，時代在進步，技術在前進，還用舊版幹嘛～～～
2. 解決
   1） 既然版本不一致，第一種當然是吧版本替換成舊版的了就行了
   
   看到沒，我們安裝的是3.x.x版本，官方的是2.x.x的版本，那就改回去重新npm install一下就好了，當然我沒試哈～如果不行，先npm uninstall less卸載後在安裝。和我一樣喜歡用新版本的看下面～
   2）修改webpack兼容舊版

   module.exports = {
   ...
   	css: {
       loaderOptions: { // 向 CSS 相關的 loader 傳遞選項
         less: {
           javascriptEnabled: true
         }
       }
     }
   ...
   }
   

   只需要在你的vue.config.js中加上這麼一句配置即可解決，是不是很方便～