第一种
使用 vue-cli-plugin-style-resources-loader style-resources-loader
vue.config.js 配置
const path = require(‘path‘) module.exports = { pluginOptions: { ‘style-resources-loader‘: { preProcessor: ‘less‘, patterns: [ // 这个是加上自己的路径,不能使用(如下:alias)中配置的别名路径 path.resolve(__dirname, ‘./src/assets/global.less‘) ] } }, }
第二种
不需要 style-resources-loader 和 vue-cli-plugin-style-resources-loader
直接在vue.config.js 配置
module.exports = { css: { loaderOptions: { less: { globalVars: { hack: `true; @import ‘~@/assets/b.less‘;` } } } } };
原文:https://www.cnblogs.com/little-oil/p/14605321.html