Vite Plugin Dev Manifest

screenshot of Vite Plugin Dev Manifest
vite

Vite plugin for WordPress theme development

Overview

The Vite Plugin Dev Manifest is a powerful tool designed for developers who want to simplify their workflow when integrating backend services with Vite. This plugin automatically generates a development version of a manifest file, allowing you to include scripts and styles without having to manually specify them. This feature is particularly useful when running the Vite dev server, as it facilitates hot module replacement (HMR) and enhances the overall development experience.

By leveraging this plugin, developers can save significant time and reduce complexity in their projects. The generated manifest file is tailored to your project’s configuration, making it easy to manage input URLs and streamline the development workflow.

Features

  • Automatic Manifest Generation: Creates a manifest.dev.json in the specified dist folder, simplifying the process of including scripts and styles.

  • Dynamic Input Handling: Automatically retrieves input URLs in a development environment, ensuring you always have the correct paths without manual hassle.

  • Configurable Options: Customize the manifest file name, inputs to omit, and whether to clear the manifest on server closure, catering to various development needs.

  • Plugin Compatibility: Smartly orders itself during plugin registration, preventing conflicts with other Vite plugins used in your project.

  • HMR Support: Ensures efficient hot module replacement for assets, enhancing the development speed and ease of updates in real-time.

  • Delay Creation Option: Provides the flexibility to delay the creation of the manifest file until certain conditions are met, accommodating complex build processes.

  • MIT License: Enjoy peace of mind with an open-source license that allows you to use and modify the plugin freely.

vite
Vite

Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects

rollup
Rollup

RollupJS is a popular and efficient JavaScript module bundler that takes the code from multiple modules and packages them into a single optimized file, minimizing the overall size of the application and improving its performance.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.