- babelrc中将libraryName的ui组件和styleLibraryName中的theme主题关联起来:使用的是babel-plugin-component插件,该插件是在你每次使用组件的时候会require组件文件和对应的样式文件(默认是css,可以通过ext改变引用的文件后缀),改element主题色的时候我们引用scss文件
- 然后scss文件在webpack编译的时候指定走styleLoaders,然后在styleLoaders里指定给scss文件使用(sass-resources-loader)[https://www.npmjs.com/package/sass-resources-loader]插件处理,sass-resources-loader作用是给每个required的scss文件头部加上你指定的文件的内容,这样可以给每个required的scss文件添加一个变量,替换element原有的主题变量
热评文章