首先安裝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)自本地