Generate Files Plugin Vite

A vite plugin to easily generate entrypoints.json and manifest.json

Installation

1npm install vite-plugin-symfony

Requirements

• node v20
• vite: ^2.9.15

Create this directory structure :

├──assets
│ ├──app.js
│ ├──app.css
│...
├──public
├──package.json
├──vite.config.js
├──.eslintrc (optional)
├──.prettierrc (optional)

Vite base config with vite 2.8

1// vite.config.js
2import {defineConfig} from "vite";
3import generateFilesPluginVite from "generate-files-plugin-vite";
4//for Babel using
5import babel from "vite-plugin-babel";
6//if you want to use linter and prettier
7import eslintPlugin from "vite-plugin-eslint";
8
9/* if you're using React */
10// import react from '@vitejs/plugin-react';
11
12export default defineConfig({
13    plugins: [
14        /* react(), // if you're using React */
15        generateFilesPluginVite(),
16        babel(),
17        eslintPlugin(),
18    ],
19    server: {
20        port: 1337,
21        host: "localhost",
22        https: false
23    },
24    root: ".",
25    base: "/build/",
26    publicDir: false,
27    build: {
28        manifest: true,
29        emptyOutDir: true,
30        assetsDir: "",
31        outDir: "./public/build",
32        rollupOptions: {
33            input: {
34                app: "./assets/app.js"
35            },
36        },
37    },
38});