1. 程式人生 > >vue中使用less方法

vue中使用less方法

第一步:

安裝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 為只在此作用域 有效)