自动导入内容的配置

Vite对于一些项目中常用的组件及内容都提供了自动配置的功能。例如以下功能。

• 对于Vue文件，Vite提供了第一优先级的支持。
• 对于JSX文件，Vite默认通过esbuild支持React 16风格的JSX文件。
• 对于CSS文件，Vite根据样式文件所使用的文件名后缀不同，提供了基于PostCSS和CSS Modules的支持。
  • 对于PostCSS，应用只需要在其项目根目录中提供postcss.config.js配置文件即可被Vite自动导入。
  • 而对于CSS Modules，任何文件名后缀为.module.css的文件都将被认为是一个CSS Modules文件，在导入后会自动形成一个模块。
• 对于Less、Sass、Stylus等样式预处理文件，Vite并不需要再安装Loader来对其进行处理，只需要安装其解释器即可。
• 对于图片等静态资源文件，Vite将会将其转译为引用URL。
• 对于WebAssembly文件，Vite将会导入一个函数，函数的返回值为WebAssembly导出实例对象的Promise实例。
• 对于Web Worker，可以添加一个?worker或者?sharedWorker查询串参数标记来导入，Vite会自动形成一个自定义的Worker构造器。