怎么在vue中使用less

 

最近使用vue2.0重構項目, 使用vue-cli腳手架構建, 采用webpack模板, 要在項目中使用less進行樣式的編寫

首先, 打開終端, 在當前項目目錄下安裝less

npm install less less-loader --save

安裝成功后,修改webpack.base.conf.js文件, 添加以下代碼

 

 

在vue文件的style標簽上加上 lang=“less”, 這樣就可以使用less來編寫樣式了

<style lang="less"></style>

 

 了解這么配置的原因請進入: http://www.cnblogs.com/yuqing6/p/8484557.html