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

$3

_2023-04-11_
#### Fix

- fix html template src parse (#21)


Changelogs

Build Mode

- [x] es
- [x] system

Compatible plugins

- [x] @vitejs/plugin-legacy
- [x] 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
})
``

Plan

1. Exploring the feasibility of using SWC to transform the AST for processing