1、安装less 和less-loader
npm install less less-loader --save
2、打开build->webpack.base.conf.js文件,添加如下代码:
module.exports = {
module: {
rules: [
{
test: /\.less$/,
loader: 'style-loader!css-loader!less-loader'
}
]
},
}
3、页面中使用
<style scoped lang="less">
.content{
background:#f00;
div{
font-size:1rem
}
}
</style>
PS:scoped、lang="less"这两个顺序不能颠倒哦!