1、安装sass-resources-loader
npm install sass-resources-loader --save-dev
2、添加函数
找到 build/utils.js 文件,在 exports.cssLoaders 模块中加多一个函数
function lessResourceLoader() { let loaders = [ cssLoader, 'less-loader', { loader: 'sass-resources-loader', options: { resources: [ path.resolve(__dirname, '../src/assets/custom.less'), ] } } ]; if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader' }) } else { return ['vue-style-loader'].concat(loaders) } }
其中 '../src/assets/custom.less' 路径改成自己对应的文件 然后后面将 return{} 块中的 less: generateLoaders('less') 替换成上面自定义的函数 less: lessResourceLoader()
3、运行项目
npm run dev
参考:https://blog.csdn.net/Andi_c/article/details/80652922
https://blog.csdn.net/hani_wen/article/details/81007852
https://www.jb51.net/article/141366.htm