码迷,mamicode.com
首页 > 其他好文 > 详细

vue-cli3 less全局变量

时间:2018-12-14 19:35:31      阅读:754      评论:0      收藏:0      [点我收藏+]

标签:require   vue   定义   exp   成功   port   loader   style   back   

首先运行以下命令:

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全局变量

标签:require   vue   定义   exp   成功   port   loader   style   back   

原文地址:https://www.cnblogs.com/wzp-monkey/p/10120572.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!