Vite

Last modified: 14 February 2023

Required plugins:

JavaScript and TypeScript -  The plugin is bundled with AppCode and enabled by default.

Vite -  Install the plugin on the Settings | Plugins page, tab Marketplace.

AppCode integrates with the Vite build tool that improves the frontend development experience. Vite consists of a dev server and a build command. The build server serves your source files over native ES modules. The build command bundles your code with Rollup, which is pre-configured to output highly optimized static assets for production.

AppCode supports tsconfig.json and jsconfig.json path mappings in Vue style tags and recognizes Vite aliases.

In projects that consist of multiple modules with different Vite configurations, AppCode can automatically detect the relevant configuration file for each module and use the module resolution rules from it, see Specifying the Vite configuration file to use below.