vue less & sass

1: npm install less@3.9.0 less-loader@4.1.0 --save-dev //版本太高可能导致无法使用，测试可用版本有"less": "^3.8.1",
    "less-loader": "^5.0.0",

2:npm i style-resources-loader --save-dev

3.在vue.config.js中配置，const path = require('path')
function resolve (dir) {
  return path.join(__dirname, dir)
}
module.exports = {
  pluginOptions: { // 第三方插件配置
    'style-resources-loader': {
      preProcessor: 'less',
      patterns: [path.resolve(__dirname, './src/assets/styles/vars.less')]
    }
  }
}

4:<style lang="less" scoped>

5说找不到或者不存在，或者定义无效，那么再去安装一下

npm i vue-cli-plugin-style-resources-loader --save-dev

-------------------------------------------------------------------------

sass 安装

npm install -D node-sass sass-loader

同样sass也可能面临版本太高的问题，这时可以

1: 

npm uninstall --save sass-loader

2:

npm install sass-loader@7.3.1 --save-dev

3:

npm i -D node-sass@4.12.0