vue 中配置 less

1、安装less 和less-loader

npm install less less-loader --save

2、打开build->webpack.base.conf.js文件，添加如下代码：

module.exports = {
  module: {
    rules: [
      {
        test: /\.less$/,
        loader: 'style-loader!css-loader!less-loader'
      }
    ]
  },
}

3、页面中使用

<style scoped lang="less">
  .content{
    background:#f00;
    div{
      font-size:1rem
    }
  }
</style>

4、引入后报错：Module build failed: TypeError: loaderContext.getResolve is not a function

卸载安装的高版本的less-loader、安装指定版本

npm uninstall less-loader
npm install less-loader@4.1.0 --save

---

Tips：【小程序云开发】中高级前端面试题库（源码：小程序中联系我哟）。
---------- 创作不易，感谢大家，请多多支持！