vue中使用less

1.安裝

npm i less less-loader -S

2.配置

更改配置文件build/webpack.base.conf.js
在module.export暴露的對象中，為module的rules添加如下配置：

module.exports = {
    //  此處省略無數行，已有的的其他的內容
    module: {
        rules: [
          //  此處省略無數行，已有的的其他的規則
          {
            test: /\.less$/,
            loader: "style-loader!css-loader!less-loader"
          }
        ]
    }
}

3.使用

在代碼中的 style 標簽中 加上 lang="less" 屬性即可

<style scoped lang="less">
</style>