vite-plugin-transform-json
v1.0.2
Published
Vite plugin to copy and transform JSON file during build
Downloads
188
Maintainers
Readme
Vite Plugin Transform JSON
Plugin will copy JSON file, to outDir
directory, named as per input one, during Vite build and modifies data dynamically via callback function.
Install
Install package from npm
npm install -D vite-plugin-transform-json
Basic Usage
Create JSON file in src/manifest.json
.
Add plugin to Vite configuration and add properties as showed below.
// vite.config.{js,ts}
defineConfig({
plugins: [
// use plugin here
viteCopyTransformJson({
// define path of the JSON file
srcPath: "src/manifest.json",
// callback function, can be sync or async function
async transformedProps() {
const isMatchCondition = true;
const backgroundPagePath = "assets/background.js";
// return JSON-like object
return {
version: "new version",
description: "new description",
homepage_url: "new repo url",
background: isMatchCondition
? { service_worker: backgroundPagePath }
: { page: backgroundPagePath },
};
},
// Optional properties
encoding: "utf8",
apply: "build",
}),
],
build: {
outDir: "dist",
emptyOutDir: true,
},
});
That should generate new manifest file with specified settings in dist
folder