elementui更改主题颜色_elementui$--color-primary 没有node-sass

作者：weixin_40725706 | 2024-02-23 03:56:44

踩

elementui$--color-primary 没有node-sass

1.用vue-cli安装一个新项目
2.安装elementUI及sass-loader, node-sass

// 安装elementUI
	npm i element-ui -S
// 安装sass
	npm i sass-loader node-sass -D
1
2
3
4

3.安装elementUI的自定义主题工具

// 首先安装主题工具
	npm i element-theme -g
// 然后安装chalk主题
	npm i element-theme-chalk -D
1
2
3
4

4.初始化变量文件，修改主题颜色
et -i
这时根目录下会出现element-variables.scss 修改主题颜色#--color--primary: 你想要的更改的颜色
在这里插入图片描述

5.修改之后编译主题
et

编译完成之后会在根目录生成theme文件夹
1

6.最后一步：把编译好的主题颜色引入项目，在main.js引入
在这里插入图片描述

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/weixin_40725706/article/detail/133479