vue cli3 集成 less

vue  cli3  使用less语法，可以devDependencies安装less依赖包即可：

cnpm i less less-loader -D

注意：less-loader版本过高vue-cli-service serve会报错：this.getOptions is not a function

"less": "^4.1.1",

"less-loader": "^5.0.0",

如果less-loader版本号或高，可以直接卸载重装低版本比如5.0.0版本

<style lang="less" scoped>
@width: 10px;
@margin: @width + 30px;
h3 {
  // margin: 40px 0 0;
  margin: @margin 0 0;
}
</style>

使用也比较简单，如果需要额外配置，参考vue.config.js中的css.loaderOptions