首先安裝Vue-cli,網(wǎng)上教程很多,這里略過(guò)
1.安裝 less 和less-loader
npm/cnpm i less less-loader --save-dev
等待安裝成功即可,接下來(lái)可以在vue項(xiàng)目中的package.json中看到less的相關(guān)依賴,如下

圖片來(lái)自本地
2.修改 webpack.base.conf.js文件,配置loader加載依賴,讓其支持外部的less,在原來(lái)的代碼上添加

圖片來(lái)自本地
3.安裝配置成功??!直接在需要的地方引入或使用即可
引入如下:

圖片來(lái)自本地
直接使用如下:
? ?

圖片來(lái)自本地