有的时候我们想要更美观的样式，但是代码很蛋疼，代码一多就没层级感了，有没有类似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样式了