因?yàn)関ue-cli 構(gòu)建的項(xiàng)目默認(rèn)是不支持 less，所以需要我們手動(dòng)添加：
步驟如下：

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: [
      // 此處省略一萬(wàn)個(gè)字
      {
        test: /\.less$/,
        loader: 'style-loader!css-loader!less-loader'
      }
    ]
  },
}

3、完成1,2步驟之后，在頁(yè)面中就可以用啦！

<style scoped lang="less">
  .wrap{
    background:#f00;
    li{
      list-style: none;
    }
  }
</style>

運(yùn)行報(bào)錯(cuò)處理：
主要原因是less-loader安裝版本過(guò)高
解決辦法：在package.json中替換低版本："less-loader": "^4.0.5",