vue-cli3 less全局变量
Posted wzp-monkey
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue-cli3 less全局变量相关的知识，希望对你有一定的参考价值。
首先运行以下命令：
vue add style-resources-loader
安装成功后，会在vue.config.js中生成以下代码：
module.exports = { pluginOptions: { ‘style-resources-loader‘: { preProcessor: ‘less‘, patterns: [], }, }, };
然后把包含Less全局变量的文件路径引入：
module.exports = { pluginOptions: { ‘style-resources-loader‘: { preProcessor: ‘less‘, patterns: [ path.resolve(__dirname, ‘./src/assets/varibles.less‘), ], }, }, };
最后在顶部定义一下path常量：
const path = require(‘path‘); module.exports = { pluginOptions: { ‘style-resources-loader‘: { preProcessor: ‘less‘, patterns: [ path.resolve(__dirname, ‘./src/assets/varibles.less‘), ], }, }, };
以上是关于vue-cli3 less全局变量的主要内容，如果未能解决你的问题，请参考以下文章