vue中使用less

首先vue開發環境已經安裝成功

當所有東西都 準備好之後 ：

第一步：

安裝less依賴，npm install less less-loader --save

第二步：

修改webpack.config.js檔案，配置loader載入依賴，讓其支援外部的less,在原來的程式碼上新增

{

test: /\.less$/,

loader: "style-loader!css-loader!less-loader",

},

現在基本上已經安裝完成了，然後在使用的時候在style標籤里加上lang=”less”裡面就可以寫less的程式碼了(style標籤里加上 scoped 為只在此作用域 有效)

（或者

@import './index.less'; //引入全域性less檔案

）。

(