用于elementUI自定义主题及按需引入样式(搭配 babel-plugin-component
)
操作步骤:
- 执行
npm install
,安装两个依赖 - 执行
et -i
,生成element-variables.scss
文件,修改其中的scss变量 - 执行
et
,生成theme文件 - 修改
.babelrc
文件(或同样功能的文件),添加如下plugin(styleLibraryName
为生成的theme文件夹相对于.babelrc
文件的位置,需要加~
):
"plugins": [
[
"component",
{
"libraryName": "element-ui",
"styleLibraryName": "~src/styles/theme"
}
]
]