vue全局配置less,scss

less配置

1、安装loader包

npm install style-resources-loader npm install vue-cli-plugin-style-resources-loader

2、vue.config.js中修改

pluginOptions : { 'style-resources-loader' : { preProcessor: 'less', patterns: [path.resolve(__dirname,'./src/assets/style/variable.less（这里替换为项目代码路径）')] } },

scss配置

vue.config.js中修改

css: { loaderOptions: { scss: { prependData: @import "~@/styles/index.scss"; }, } },