02：2020-08-31 vue配置less

vue2.x 配置less及踩坑

1.安装npm install less less-loader --save-dev

npm install less less-loader --save-dev;

2.安装npm install less less-loader --save-dev
安装成功后，打开build/webpack.base.conf.js ，在module.rules 中添加一段：

{
  test: /\.less$/,
  use: ['style-loader', 'css-loader', 'less-loader']
};
// 或者
{
  test: /\.less$/,
   loader: "style-loader!css-loader!less-loader",
}

3.最后在页面代码中引用

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

踩坑

完成less安装后，代码一运行就报错：

版本错误，所以尝试将less和less-loader的版本降低：

npm install less@3.9.0 -s
npm install less-loader@5.0.0 -s
再次运行，成功

总结：应该是vue版本2.0过低导致报错。