安装
命令:
npm i less less-loader -S
配置
- 更改配置文件
build/webpack.base.conf.js
在module.export
暴露的对象中,为module
的rules
添加如下配置:
{
test: /\.less$/,
loader: "style-loader!css-loader!less-loader",
}
使用
在style
标签上添加lang
属性,指定使用的样式语法;
<style scoped lang="less">
</style>
ps:
scoped
为只在当前组件中有效