安装及使用步骤如下:
1、安装
npm install less less-loader --save
2、在build文件下的webpack.base.conf.js文件中rules中加入
{
test: /\.less$/,
loader: "style-loader!css-loader!less-loader"
}
3、在style标签里面写上lang=“less”
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
</style>
4、npm run dev启动项目后,报错:
5、报错原因是由于less-loader安装的版本过高,在package.json中,可查看到安装的版本
6、解决办法,卸载高版本的less-loader ,安装低版本的
npm uninstall less-loader
npm install less-loader@4.1.0 --save