有的时候我们想要更美观的样式,但是代码很蛋疼,代码一多就没层级感了,有没有类似yml这样的,答案是肯定的:less
一:下载
在项目目录下运行命令:npm install less less-loader --save
二:配置
在项目中搜索文件webpack.base.conf.js,然后添加如下内容
{ test: /.less$/, loader: "style-loader!css-loader!less-loader", },
三:添加识别
原本写csss的位置添加
<style lang="less">
这样内部内容就可以识别less样式了