首先安裝Vue-cli,網(wǎng)上教程很多劲妙,這里略過
1.安裝 less 和less-loader
npm/cnpm i less less-loader --save-dev
等待安裝成功即可湃鹊,接下來可以在vue項目中的package.json中看到less的相關(guān)依賴,如下
圖片來自本地
2.修改 webpack.base.conf.js文件镣奋,配置loader加載依賴币呵,讓其支持外部的less,在原來的代碼上添加
圖片來自本地
3.安裝配置成功G染薄余赢!直接在需要的地方引入或使用即可
引入如下:
圖片來自本地
直接使用如下:
? ?
圖片來自本地