vue + less

在vue中使用less时，有时候总是不生效，特记录

1. 安装less

npm install -D less less-loader

2. 在webpack.base.config.js中添加

// webpack.config.js -> module.rules
{
  test: /\.less$/,
  use: [
    'vue-style-loader',
    'css-loader',
    'less-loader'
  ]
}

3.到2步结束，有的可以正常用，那说明你安装的less版本什么的都对了，有的就不行，如果不行就进行接下来的操作

// 在package.json中的devDependencies下找到
"less": "^3.9.0", 
"less-loader": "^5.0.0",

删除nodemoduels，重新npm install, 如果还不行，那就看看你第三步的文件里有几个less 和 less-loader, 都把版本进行修改

4.接下来你可能会遇到引入less文件报错的问题

npm install style-loader --save

在文件中引入时换一种方式

import '!style-loader!css-loader!less-loader!@/assets/less/main.less'