Automating a Batch File during a Vite Build

The purpose

Automatically run a specified batch file when performing a Vite build (npm run build)

Example

“Automating the following tasks seems to be useful. (There are probably many others, but these are what come to mind immediately.)”

• SVG Optimization

[Bat] Batch convert Inkscape SVGs to plain SVG

The purposeInkscape can create SVGs, but they contain Inkscape-specific data which makes the file size larger than ...

blog.en.marunokan.com

2025.08.12

• Add copyright to the JS file.
• Copy from dist to the production environment

Setting

Open the package.json file located at the root of your Vite project.

You should find the following description.

    "scripts": {
        "dev": "node log.js dev & vite --config vite/config.dev.mjs",
        "build": "node log.js build & vite build --config vite/config.prod.mjs",
        "dev-nolog": "vite --config vite/config.dev.mjs",
        "build-nolog": "vite build --config vite/config.prod.mjs"
    },

In this article, we will modify the line "build": "node log.js build & vite build --config vite/config.prod.mjs", to add a process when npm run build is executed.

Before：

 "build": "node log.js build & vite build --config vite/config.prod.mjs",

After：

 "build": "node log.js build & vite build --config vite/config.prod.mjs & call CustomBuild.bat",

With the above modification, CustomBuild.bat will be executed after the Vite build. The path to the batch file is a relative path from the project root. The example above assumes that CustomBuild.bat is located in the root directory.

Result

I was able to execute an additional batch file when npm run build is performed.