46 lines
1.3 KiB
TypeScript
46 lines
1.3 KiB
TypeScript
|
import type { Plugin } from 'vite';
|
|||
|
|
import path from 'path';
|
|||
|
|
import themePreprocessorPlugin from '@zougt/vite-plugin-theme-preprocessor';
|
|||
|
|
|
|||
|
|
export function configThemePlugin(): Plugin[] {
|
|||
|
|
const includeStyles = {
|
|||
|
|
'.ant-button-primary:hover, .ant-button-primary:focus': {
|
|||
|
|
color: '#FFFFFF',
|
|||
|
|
},
|
|||
|
|
};
|
|||
|
|
const plugin = [
|
|||
|
|
themePreprocessorPlugin({
|
|||
|
|
less: {
|
|||
|
|
// 是否启用任意主题色模式，这里不启用
|
|||
|
|
arbitraryMode: false,
|
|||
|
|
multipleScopeVars: [
|
|||
|
|
{
|
|||
|
|
scopeName: 'theme-default',
|
|||
|
|
path: path.resolve('src/styles/theme/theme-default.less'),
|
|||
|
|
includeStyles,
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
scopeName: 'theme-dark',
|
|||
|
|
path: path.resolve('src/styles/theme/theme-dark.less'),
|
|||
|
|
includeStyles,
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
includeStyleWithColors: [
|
|||
|
|
{
|
|||
|
|
// color也可以是array，如 ["#ffffff","#000"]
|
|||
|
|
color: '#ffffff',
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
color: ['transparent', 'none'],
|
|||
|
|
excludeSelectors: ['.ant-btn-link:hover, .ant-btn-link:focus, .ant-btn-link:active'],
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
// 在生产模式是否抽取独立的主题css文件，extract为true以下属性有效
|
|||
|
|
extract: false,
|
|||
|
|
},
|
|||
|
|
}),
|
|||
|
|
];
|
|||
|
|
|
|||
|
|
return plugin as unknown as Plugin[];
|
|||
|
|
}
|