vite-plugin-theme原理 vite-plugin-theme是一个用于动态更改界面主题色的vite插件。在vite处理css后,动态解析css文本内符合插件配置的颜色值的时候,从所有输出的css文件提取指定的颜色样式代码,并创建一个仅包含颜色样式的app-theme-style.css文件,动态插入到指定的位置(默认body底部),然后将所使用的自定义样式/组件...
针对你遇到的“error: cannot find module 'vite-plugin-theme'”问题,我可以提供以下解决步骤: 检查是否已安装'vite-plugin-theme'模块: 首先,确保你的项目中已经安装了vite-plugin-theme模块。你可以在项目的根目录下运行以下命令来检查: bash npm list vite-plugin-theme 或者,如果你使用的是yarn,可以运行:...
1,通过修改vite-plugin-theme的配置,尝试提升编译后的选择器层级,以达到覆盖原有样式的目的 根据文档,尝试了wrapperCssSelector,未能编译出想要的选择器,翻进源码发现,wrapperCssSelector的生效需要判断resolveSelector函数,没有resolveSelector函数时,默认在暗黑主题属性选择器前添加wrapperCssSelector,因此删除了resolveSel...
vite-plugin-theme的修改版本,用以支持vite4 [![npm][npm-img]][npm-url] [![node][node-img]][node-url] 用于动态更改界面主题色的 vite 插件。 在vite 处理 css 后,动态解析 css 文本内符合插件配置的颜色值的时候,从所有输出的 css 文件提取指定的颜色样式代码。并创建一个仅包含颜色样式的app-theme...
vite version:>=2.0.0 yarn add vite-plugin-theme -D or npm i vite-plugin-theme -D Usage Config plugin in vite.config.ts. In this way, the required functions can be introduced as needed import{defineConfig,Plugin}from'vite';importvuefrom'@vitejs/plugin-vue';import{viteThemePlugin,mixLight...
vite version:>=2.0.0 yarn add vite-plugin-theme -D or npm i vite-plugin-theme -D Usage Config plugin in vite.config.ts. In this way, the required functions can be introduced as needed import{ defineConfig, Plugin }from'vite';importvuefrom'@vitejs/plugin-vue';import{ viteThemePlugin,...
{ "name": "@xlaoyu/vite-plugin-theme", "version": "0.9.0", "private": false, "publishConfig": { "access": "public" }, "description": "Vite plugin for dynamically changing the theme color of the interface", "main": "dist/index.js", "module": "dist/index.js", "types": "dis...
vite.config.jsimport { defineConfig } from 'vite'; import themeplate from 'vite-plugin-themeplate'; export default defineConfig( { plugins: [ themeplate(), ], build: { rollupOptions: { input: { "main-style": "src/main.css", "main-script": "src/main.js", "editor-style": "src/...
vite version:>=2.0.0 yarn add @xlaoyu/vite-plugin-theme -D or npm i @xlaoyu/vite-plugin-theme -D Config plugin in vite.config.ts. In this way, the required functions can be introduced as needed import{defineConfig,Plugin}from'vite';importvuefrom'@vitejs/plugin-vue';import{viteThemePl...
vite-plugin-theme-vite3 vbenjs esm Vite plugin for dynamically changing the theme color of the interfaceVersion 1.0.5 License MIT INSTALL Type: ESM Default Version: Static import vitePluginThemeVite3 from 'https://cdn.jsdelivr.net/npm/vite-plugin-theme-vite3@1.0.5/+esm' Open in js...