Commit ed8744a4c9cd48d83e2e014bebfa7d3c3489ac33
1 parent
686c344e
perf: add plugin drop console.log in vue3-video-play
Showing
3 changed files
with
80 additions
and
64 deletions
| 1 | +import { Plugin } from 'vite'; | ||
| 2 | + | ||
| 3 | +export function dropConsoleInVue3VideoPlayPlugin() { | ||
| 4 | + return { | ||
| 5 | + name: 'drop-console-in-vue3-video-play-plugin', | ||
| 6 | + transform(src, id) { | ||
| 7 | + if (id.includes('vue3-video-play')) { | ||
| 8 | + return { | ||
| 9 | + code: src.replaceAll('console.log', ''), | ||
| 10 | + }; | ||
| 11 | + } | ||
| 12 | + }, | ||
| 13 | + } as Plugin; | ||
| 14 | +} |
| @@ -16,6 +16,7 @@ import { configThemePlugin } from './theme'; | @@ -16,6 +16,7 @@ import { configThemePlugin } from './theme'; | ||
| 16 | import { configImageminPlugin } from './imagemin'; | 16 | import { configImageminPlugin } from './imagemin'; |
| 17 | import { configSvgIconsPlugin } from './svgSprite'; | 17 | import { configSvgIconsPlugin } from './svgSprite'; |
| 18 | import { configHmrPlugin } from './hmr'; | 18 | import { configHmrPlugin } from './hmr'; |
| 19 | +import { dropConsoleInVue3VideoPlayPlugin } from './dropConsoleInVue3VideoPlay'; | ||
| 19 | 20 | ||
| 20 | export function createVitePlugins(viteEnv: ViteEnv, isBuild: boolean) { | 21 | export function createVitePlugins(viteEnv: ViteEnv, isBuild: boolean) { |
| 21 | const { | 22 | const { |
| @@ -63,6 +64,8 @@ export function createVitePlugins(viteEnv: ViteEnv, isBuild: boolean) { | @@ -63,6 +64,8 @@ export function createVitePlugins(viteEnv: ViteEnv, isBuild: boolean) { | ||
| 63 | //vite-plugin-theme | 64 | //vite-plugin-theme |
| 64 | vitePlugins.push(configThemePlugin(isBuild)); | 65 | vitePlugins.push(configThemePlugin(isBuild)); |
| 65 | 66 | ||
| 67 | + vitePlugins.push(dropConsoleInVue3VideoPlayPlugin()); | ||
| 68 | + | ||
| 66 | // The following plugins only work in the production environment | 69 | // The following plugins only work in the production environment |
| 67 | if (isBuild) { | 70 | if (isBuild) { |
| 68 | //vite-plugin-imagemin | 71 | //vite-plugin-imagemin |
| @@ -2,68 +2,67 @@ | @@ -2,68 +2,67 @@ | ||
| 2 | * Introduces component library styles on demand. | 2 | * Introduces component library styles on demand. |
| 3 | * https://github.com/anncwb/vite-plugin-style-import | 3 | * https://github.com/anncwb/vite-plugin-style-import |
| 4 | */ | 4 | */ |
| 5 | - import styleImport from 'vite-plugin-style-import'; | 5 | +import styleImport from 'vite-plugin-style-import'; |
| 6 | 6 | ||
| 7 | - export function configStyleImportPlugin(isBuild: boolean) { | ||
| 8 | - if (!isBuild) { | ||
| 9 | - return []; | ||
| 10 | - } | ||
| 11 | - const styleImportPlugin = styleImport({ | ||
| 12 | - libs: [ | ||
| 13 | - { | ||
| 14 | - libraryName: 'ant-design-vue', | ||
| 15 | - esModule: true, | ||
| 16 | - resolveStyle: (name) => { | ||
| 17 | - // 这里是“子组件”列表,无需额外引入样式文件 | ||
| 18 | - const ignoreList = [ | ||
| 19 | - 'typography-text', | ||
| 20 | - 'typography-title', | ||
| 21 | - 'typography-paragraph', | ||
| 22 | - 'typography-link', | ||
| 23 | - 'anchor-link', | ||
| 24 | - 'sub-menu', | ||
| 25 | - 'menu-item', | ||
| 26 | - 'menu-item-group', | ||
| 27 | - 'dropdown-button', | ||
| 28 | - 'breadcrumb-item', | ||
| 29 | - 'breadcrumb-separator', | ||
| 30 | - 'input-password', | ||
| 31 | - 'input-search', | ||
| 32 | - 'input-group', | ||
| 33 | - 'form-item', | ||
| 34 | - 'radio-group', | ||
| 35 | - 'checkbox-group', | ||
| 36 | - 'layout-sider', | ||
| 37 | - 'layout-content', | ||
| 38 | - 'layout-footer', | ||
| 39 | - 'layout-header', | ||
| 40 | - 'step', | ||
| 41 | - 'select-option', | ||
| 42 | - 'select-opt-group', | ||
| 43 | - 'card-grid', | ||
| 44 | - 'card-meta', | ||
| 45 | - 'collapse-panel', | ||
| 46 | - 'descriptions-item', | ||
| 47 | - 'list-item', | ||
| 48 | - 'list-item-meta', | ||
| 49 | - 'table-column', | ||
| 50 | - 'table-column-group', | ||
| 51 | - 'tab-pane', | ||
| 52 | - 'tab-content', | ||
| 53 | - 'timeline-item', | ||
| 54 | - 'tree-node', | ||
| 55 | - 'skeleton-input', | ||
| 56 | - 'skeleton-avatar', | ||
| 57 | - 'skeleton-title', | ||
| 58 | - 'skeleton-paragraph', | ||
| 59 | - 'skeleton-image', | ||
| 60 | - 'skeleton-button', | ||
| 61 | - ]; | ||
| 62 | - return ignoreList.includes(name) ? '' : `ant-design-vue/es/${name}/style/index`; | ||
| 63 | - }, | ||
| 64 | - }, | ||
| 65 | - ], | ||
| 66 | - }); | ||
| 67 | - return styleImportPlugin; | ||
| 68 | - } | ||
| 69 | - | ||
| 7 | +export function configStyleImportPlugin(isBuild: boolean) { | ||
| 8 | + if (!isBuild) { | ||
| 9 | + return []; | ||
| 10 | + } | ||
| 11 | + const styleImportPlugin = styleImport({ | ||
| 12 | + libs: [ | ||
| 13 | + { | ||
| 14 | + libraryName: 'ant-design-vue', | ||
| 15 | + esModule: true, | ||
| 16 | + resolveStyle: (name) => { | ||
| 17 | + // 这里是“子组件”列表,无需额外引入样式文件 | ||
| 18 | + const ignoreList = [ | ||
| 19 | + 'typography-text', | ||
| 20 | + 'typography-title', | ||
| 21 | + 'typography-paragraph', | ||
| 22 | + 'typography-link', | ||
| 23 | + 'anchor-link', | ||
| 24 | + 'sub-menu', | ||
| 25 | + 'menu-item', | ||
| 26 | + 'menu-item-group', | ||
| 27 | + 'dropdown-button', | ||
| 28 | + 'breadcrumb-item', | ||
| 29 | + 'breadcrumb-separator', | ||
| 30 | + 'input-password', | ||
| 31 | + 'input-search', | ||
| 32 | + 'input-group', | ||
| 33 | + 'form-item', | ||
| 34 | + 'radio-group', | ||
| 35 | + 'checkbox-group', | ||
| 36 | + 'layout-sider', | ||
| 37 | + 'layout-content', | ||
| 38 | + 'layout-footer', | ||
| 39 | + 'layout-header', | ||
| 40 | + 'step', | ||
| 41 | + 'select-option', | ||
| 42 | + 'select-opt-group', | ||
| 43 | + 'card-grid', | ||
| 44 | + 'card-meta', | ||
| 45 | + 'collapse-panel', | ||
| 46 | + 'descriptions-item', | ||
| 47 | + 'list-item', | ||
| 48 | + 'list-item-meta', | ||
| 49 | + 'table-column', | ||
| 50 | + 'table-column-group', | ||
| 51 | + 'tab-pane', | ||
| 52 | + 'tab-content', | ||
| 53 | + 'timeline-item', | ||
| 54 | + 'tree-node', | ||
| 55 | + 'skeleton-input', | ||
| 56 | + 'skeleton-avatar', | ||
| 57 | + 'skeleton-title', | ||
| 58 | + 'skeleton-paragraph', | ||
| 59 | + 'skeleton-image', | ||
| 60 | + 'skeleton-button', | ||
| 61 | + ]; | ||
| 62 | + return ignoreList.includes(name) ? '' : `ant-design-vue/es/${name}/style/index`; | ||
| 63 | + }, | ||
| 64 | + }, | ||
| 65 | + ], | ||
| 66 | + }); | ||
| 67 | + return styleImportPlugin; | ||
| 68 | +} |