https://github.com/chenxch/vite-plugin-dynamic-base
Resolve all resource files dynamic publicpath, like Webpack's __webpack_public_path__
https://github.com/chenxch/vite-plugin-dynamic-base
Last synced: 11 days ago
JSON representation
Resolve all resource files dynamic publicpath, like Webpack's __webpack_public_path__
- Host: GitHub
- URL: https://github.com/chenxch/vite-plugin-dynamic-base
- Owner: chenxch
- License: mit
- Created: 2022-02-09T10:41:21.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2024-05-23T09:55:44.000Z (11 months ago)
- Last Synced: 2025-04-01T09:06:08.298Z (20 days ago)
- Language: TypeScript
- Homepage:
- Size: 201 KB
- Stars: 72
- Watchers: 3
- Forks: 13
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
- fucking-awesome-vite - vite-plugin-dynamic-base - Resolve all resource files dynamic publicPath. (Plugins / Framework-agnostic Plugins)
- awesome-vite - vite-plugin-dynamic-base - Resolve all resource files dynamic publicPath. (Plugins / Framework-agnostic Plugins)
README
# vite-plugin-dynamic-base
English | 简体中文
- 🦾 Resolve all resource files dynamic publicPath, like Webpack's `__webpack_public_path__`.
## Installation
```bash
npm i vite-plugin-dynamic-base -D
```
## Changelog
[Changelogs](./CHANGELOG.md)
## Build Mode
- [x] es
- [x] system
## Compatible plugins
- [x] [@vitejs/plugin-legacy](https://www.npmjs.com/package/@vitejs/plugin-legacy)
- [x] [vite-plugin-pwa](https://www.npmjs.com/package/vite-plugin-pwa)
## Usage
```ts
// vite.config.ts
import { dynamicBase } from 'vite-plugin-dynamic-base'
export default defineConfig({
// base: "/",
base: process.env.NODE_ENV === "production" ? "/__dynamic_base__/" : "/",
plugins: [
dynamicBase({ /* options */ }),
],
})
```
## Configuration
The following show the default values of the configuration
```ts
dynamicBase({
// dynamic public path var string, default window.__dynamic_base__
publicPath: 'window.__dynamic_base__',
// dynamic load resources on index.html, default false. maybe change default true
transformIndexHtml: false
// provide conversion configuration parameters. by 1.1.0
// transformIndexHtmlConfig: { insertBodyAfter: false }
})
```