unpluginunplugin-macros 
Macros are a mechanism for running JavaScript functions at bundle-time. The value returned from these functions or variables are directly inlined into your bundle.
Installation
# npm
npm i -D unplugin-macros
# jsr
npx jsr add -D @unplugin/macros
<summary>Vite</summary>
ts
// vite.config.ts
import Macros from 'unplugin-macros/vite'
export default defineConfig({
plugins: [Macros()],
})
<summary>Rollup</summary>
ts
// rollup.config.js
import Macros from 'unplugin-macros/rollup'
export default {
plugins: [Macros()],
}
<summary>esbuild</summary>
Requires esbuild >= 0.15
Requires esbuild >= 0.15
ts
// esbuild.config.js
import { build } from 'esbuild'
build({
plugins: [require('unplugin-macros/esbuild')()],
})
<summary>Webpack</summary>
ts
// webpack.config.js
module.exports = {
/* ... */
plugins: [require('unplugin-macros/webpack')()],
}
Usage
// main.js
import { buildTime, getRandom } from './macros' with { type: 'macro' }
getRandom() // Will be replaced with a random number at build time
buildTime // Will be replaced with the timestamp at the build time
// macros.js
export function getRandom() {
return Math.random()
}
export const buildTime = Date.now()
See more in Bun Macros.
TypeScript
Import Attributes syntax is supported in TypeScript 5.3 and above.
ESLint
Import Attributes syntax is supported in ESLint v9.14.0.
Options
Refer to docs.
Thanks
Thanks to Bun Macros.
Sponsors
