关于vite:vite优化项目常用插件记录

29次阅读

共计 1452 个字符,预计需要花费 4 分钟才能阅读完成。

import vue from '@vitejs/plugin-vue';   // vue 文件编译
import vueJsx from '@vitejs/plugin-vue-jsx';  // JSX 语法编写组件  
import legacy from '@vitejs/plugin-legacy';    // 应用它来提供对旧版本浏览器的反对
import purgeIcons from 'vite-plugin-purge-icons';   // 便高效的应用 Iconify 中所有的图标
import windiCSS from 'vite-plugin-windicss';    // windi css 款式框架
import VitePluginCertificate from 'vite-plugin-mkcert';   // 应用 mkcert 为 vite https 开发服务提供证书反对
import vueSetupExtend from 'vite-plugin-vue-setup-extend';    // 使 vue 脚本设置语法反对 name 属性。<script lang="ts" setup name="App"></script>
import {createHtmlPlugin} from 'vite-plugin-html';   // HTML 压缩能力;EJS 模版能力; 多页利用反对; 反对自定义 entry; 反对自定义 template
import {VitePWA} from 'vite-plugin-pwa';    // 应用 pwa 性能
import {viteMockServe} from 'vite-plugin-mock';   // 提供本地和生产模仿服务
import compressPlugin from 'vite-plugin-compression';   // 应用 gzip 或者 brotli 来压缩资源
import {createStyleImportPlugin} from 'vite-plugin-style-import';   // 框架按需引入。elementUI、Ant design...
import visualizer from 'rollup-plugin-visualizer';    // 可视化并剖析您的 Rollup 捆绑包以查看哪些模块占用了空间
import {
  viteThemePlugin,
  antdDarkThemePlugin,
  mixLighten,
  mixDarken,
  tinycolor,
} from 'vite-plugin-theme';    // 用于动静更改界面主题色
import viteImagemin from 'vite-plugin-imagemin';   // 压缩图片资源
// 当你应用该插件的时候,指定好寄存 svg 的文件夹。再依照指定的形式去拜访 svg 图片。就能够再不产生 http 申请的状况下渲染出 svg 图片。//【在 main.js】import 'virtual:svg-icons-register'; // 引入 svg icon 注册脚本
import {createSvgIconsPlugin} from 'vite-plugin-svg-icons'; 
// iconify 图标
// 应用 vite-plugin-purge-icons 插件
https://iconify.design/
// windicss css 集成框架
// 应用 vite-plugin-windicss
https://windicss.org/

rollup-plugin-visualizer

可视化并剖析您的 Rollup 捆绑包以查看哪些模块占用了空间

正文完
 0