安装
命令:
npm i less less-loader -S
配置
更改配置文件build/webpack.base.conf.js
在module.export
暴露的对象中,为module
的rules
添加如下配置:
{
test: /.less$/,
loader: "style-loader!css-loader!less-loader",
}
![](https://img2020.cnblogs.com/i-beta/1846842/202003/1846842-20200327151415891-474224714.png)
使用
在style
标签上添加lang
属性,指定使用的样式语法;
1.内部使用
<style scoped lang="less">
</style>
注释:scoped
为只在当前组件中有效
2.外部引用
<style scoped lang="less">
@import './index.less'
</style>
注意:配置文件修改之后必须重启,否则会报错