Common plug-ins for vite project development

@vitejs/plugin-vue

effect ： For editing vue file
Be careful ： The plug-in is suitable for vue3

• npm
• Official warehouse
• gitee Mirror image

plugin-vue-jsx

effect ： add to vue3 Yes tsx and jsx Support for

• npm
• Official warehouse

vite-plugin-svg-icons

effect ： Unified introduction svg File resources , Use as an icon

• npm
• Official warehouse

vite-plugin-eslint

effect ： to vite Add runtime eslint Support

• npm
• Official mirror image

vite-plugin-mock

effect ： Services used to simulate the back end

• npm

• Official warehouse

• gitee Mirror image

vite-plugin-compression

effect ： Provide gzip Compress

• npm
• Official warehouse

vite-plugin-html

effect ： Provide index.html Compression of and in index.html The function of accessing variables

• npm
• Official warehouse

rollup-plugin-visualizer

effect ： Package analysis

• npm as well as ts support library
• Official warehouse

vite-plugin-vue-setup-extend

effect ： solve vue3 Next script setup Grammatical sugar Next , Set components manually name Inconvenient question
Be careful ： May lead to vue Components debuger when , The position of the breakpoint is incorrect , Please be careful before using （ until 0.4.0 The version still has this problem ）

• npm
• Official warehouse

unplugin-vue-components

effect ： Realization vue Automatic on-demand import of component library

• npm
• Official warehouse

unplugin-auto-import

effect ： Realization vue Automatic import of functions

• npm
• Official warehouse

cross-env

effect ： In a general way , Set the environment variable , Solve cross platform problems , Different ways of setting environment variables

• npm
• Official warehouse