因為vue-cli 構(gòu)建的項目默認是不支持 less兽掰，所以需要我們手動添加：
步驟如下：
1投剥、安裝less 和less-loader
npm install less less-loader --save
2、打開build->webpack.base.conf.js文件，添加如下代碼：
{ test: /\.less$/, loader: 'style-loader!css-loader!less-loader' },
位置如下：
module.exports = {
module: {
rules: [
// 此處省略一萬個字
{
test: /\.less$/,
loader: 'style-loader!css-loader!less-loader'
}
]
},
}
3杠人、完成1,2步驟之后踩晶，在頁面中就可以用啦执泰！
<style scoped lang="less">
.wrap{
background:#f00;
li{
list-style: none;
}
}
</style>
運行報錯處理：
主要原因是less-loader安裝版本過高
解決辦法：在package.json中替換低版本："less-loader": "^4.0.5",
