1、安装less
在项目的根目录下打开命令行工具,执行命令:
npm install less less-loader --save-dev
安装完成后打开 build目录,修改 webpack.base.conf.js 中的相关配置:
在 module.exports 中找到 module 中的 rules 数组
添加如下代码:
module.exports = {
...
...
module: {
rules: [
{...},
{...},
{
test: /\.less$/,
loader: 'style-loader!css-loader!less-loader'
}
]
}
2、问题解决
在初次安装less后,在本地使用npm run dev运行项目时出现报错:
TypeError: loaderContext.getResolve is not a function
这很有可能是less-loader版本过高导致的,解决方法如下:
卸载现有less-loader
npm uninstall less-loader
重新安装低版本的less-loader
npm install less-loader@4.1.0 --save-dev