1.安装less
npm i less less-loader -s
2.添加依赖
打开build/webpack.base.conf.js,在module.exports 对象中添加依赖
module.exports = {
module: {
rules: [
{
test: /\.less$/,
loader: "style-loader!css-loader!less-loader"
}
]
}
3.运行
npm run dev
运行报错 TypeError: loaderContext.getResolve is not a function
4.问题
百度了一下发现是因为less-loader版本过高
5.解决
卸载掉之前安装的less-loader
npm uninstall less-loader
重新安装指定版本
npm i less-loader@4.1.0 --s
就可以了
6.扩展 -s和-d的区别
-s
是-save
的简写,意思是安装时自动将模块和版本号添加到package.json
里的dependencies
对象里;
-d
是-save-dev
的简写,意思是是安装时自动将模块和版本号添加到package.json
里的devdependencies
对象里;
dependencies
对象里的模块是生产环境中要用的
devdependencies
对象里的模块只是开发环境中要用的,打包编译之后实际不需要