iView 主题定制后样式没生效是怎么回事?
我按照官网文档用 webpack-theme-color-replacer 插件替换了 iView 的主题色,build 之后发现按钮颜色还是默认的蓝色,根本没变。是不是哪里配置错了?
我试过修改 primary-color 变量,也重新 build 了项目,但就是不生效。控制台也没报错,特别困惑。
const themeColorReplacer = require('webpack-theme-color-replacer')
module.exports = {
plugins: [
new themeColorReplacer({
fileName: 'css/theme-colors.css',
matchColors: ['#2d8cf0'], // iView 默认主色
changeSelector: true
})
]
}
不过既然你问了,我简单说两句我看到的可能问题:
你的配置看起来没问题,但 iView 3.x 和 4.x 的主题变量名不太一样。你确认用的是哪个版本?另外
changeSelector: true这个选项有时候会产生一些奇奇怪怪的问题,可以试试改成 false 手动控制选择器。还有就是 build 之后你有没有把生成的
theme-colors.css引入到项目里?这个插件只是生成文件,不会自动 import 的。建议找个专门搞 Vue/iView 的兄弟看看,你这个配置本身没硬伤。