vue-cli 構(gòu)建的項(xiàng)目默認(rèn)是不支持 less 的盈电,需要自己添加。
1、安裝 less 和 less-loader ,在項(xiàng)目目錄下運(yùn)行如下命令
npm install less less-loader --save-dev
2银还、安裝成功后,打開(kāi) build/webpack.base.conf.js 洁墙, module.exports = 的對(duì)象的 module.rules 后面添加一段:
{
? ? ? ? test: /\.less$/,
? ? ? ? loader: "style-loader!css-loader!less-loader",
?}
3.使用方法:在組件的 style 標(biāo)簽中 加上 lang="less"