在vue-cli3.0项目中使用less全局变量

最新推荐文章于 2021-09-12 23:56:23 发布

亚亚呀亚亚

最新推荐文章于 2021-09-12 23:56:23 发布

阅读量717

点赞数

CC 4.0 BY-SA版权

分类专栏： vue-cli3踩坑之旅前端架构师成长之路 webstorm配置系列

本文链接：https://blog.youkuaiyun.com/yayay1010/article/details/97809345

前端架构师成长之路同时被 3 个专栏收录

8 篇文章

订阅专栏

vue-cli3踩坑之旅

6 篇文章

订阅专栏

webstorm配置系列

4 篇文章

订阅专栏

本文介绍如何使用style-resources-loader插件，在Vue项目中配置全局样式变量。通过安装并配置该插件，可以实现在整个项目中统一管理样式变量，提高开发效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先需要安装style-resources-loader插件

npm install sass-resources-loader --save-dev

在vue.config.js中配置

    // 第三方插件配置
    pluginOptions: {
        'style-resources-loader': {
            preProcessor: 'less',
            patterns: [
                // 全局变量路径，不能使用路径别名
                path.resolve(__dirname, './src/assets/css/rainbow-variables.less')
            ]
        }
    },