一、安装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",
}
添加后如下:二、全局引入
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文件路径。
三、重启服务
npm run dev