一堡称、安裝less
1、安裝less-loader
4.1.0版本
注:版本太高可能會出錯
npm install less-loader@4.1.0 --save
2紧卒、配置less
打開build/webpack.base.conf.js
在module.export
暴露的對象中帝际,為module
的rules
添加如下配置:
{
test: /\.less$/,
loader: "style-loader!css-loader!less-loader",
}
添加后如下:微信截圖_20200326214326.png
二势篡、全局引入
1、安裝sass-resources-loader
npm install sass-resources-loader
2耳幢、修改文件
打開build/utils.js
岸晦,找到less: generateLoaders('less')
,修改如下:
less: generateLoaders('less').concat({
loader: 'sass-resources-loader',
options: {
resources: path.resolve(__dirname, '../src/style/style.less')
}
}),
其中../src/style/style.less
為需要全局引入的less文件路徑。
三委煤、重啟服務(wù)
npm run dev