vue-cli 3.x 中配置全局less或者sass

执行命令
vue add style-resources-loader
自动在根目录增加vue.config.js文件，内容如下

1
2
3
4
5
6
7
8
9
 
module.exports = {
  pluginOptions: {
    'style-resources-loader': {
      preProcessor: 'less',
      patterns: [],
    },
  },
};

变动：

1
2
3
4
5
6
7
8
9
10
11
12
const path = require('path')

module.exports = {
  pluginOptions: {
    'style-resources-loader': {
      preProcessor: 'less',
      patterns: [
          path.resolve(__dirname, './src/assets/styles/variable.less')
      ],
    },
  },
};

tig：
sass的话，将less改为sass即可，文件后缀名为.scss
报未安装相关包的错，按照提示，安装即可，如less，执行npm install less less-loader –dev