首页 > 其他 > 详细

vue-cli4 中 全局less sass 变量配置

时间:2021-04-01 14:01:07      阅读:10      评论:0      收藏:0      [点我收藏+]

第一种

使用   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‘;`
                }
            }
        }
    }
};

 

vue-cli4 中 全局less sass 变量配置

原文:https://www.cnblogs.com/little-oil/p/14605321.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!