安装依赖
vue add style-resources-loader
注意:使用 vue add 安装,这样会自动安装附属依赖:vue-cli-plugin-style-resources-loader ,还有安装时可以选择对应的预编译,less、scss、styles
配置
在安装依赖后,在vue.config.js中会生成代码片段
pluginOptions: {'style-resources-loader': {preProcessor: 'less',patterns: []}}
修改 patterns 自己变量的路径即可正常使用了
pluginOptions: {'style-resources-loader': {preProcessor: 'less',patterns: [path.resolve(__dirname, './src/common/style/index.less')]}}