vbenjs / vite-plugin-theme

Vite plugin for dynamically changing the theme color of the interface
MIT License
141 stars 36 forks source link

vite2.6.x和2.7.x版本Build后输出文件内容空白 #14

Open huan713 opened 2 years ago

huan713 commented 2 years ago

vite2.6.x和2.7.x版本build后输出的文件内容空白(导致生成环境下换肤失效),2.5.x是正常的。

开发环境下是正常的。

Jenniferyingni commented 2 years ago

问题:build 时生成空白的 app-theme-style.css 文件

定位了下是在 vite 2.6.0-beta.0 这个版本出的问题

应该是这一版本的 CHANGELOG 中的一些修改影响了插件的功能:2.6.0-beta.0

插件中出问题的一行是 钩子函数 transform, 对于css类文件拿到的code,也就是源代码是空的。

  async transform(code, id) {
        if (!cssLangRE.test(id)) {
          return null;
        }
}

在同样的 vite 版本下试了另外一个也有 transform 钩子的插件 vite-plugin-vue2 是能拿到css文件的code。

不知道这个问题和官网换肤失效的问题是不是同一个原因导致的

@anncwb

rex-ll commented 2 years ago

遇到同样的问题,看了一下源码,文件为空是因为默认主题和primaryColor一样,所以就没有第三主题

zhangcheng1164 commented 2 years ago

参考这个可以解决 https://github.com/vbenjs/vue-vben-admin/issues/2087