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: about 2 months 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 (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-05-15T07:58:46.000Z (4 months ago)
• Last Synced: 2024-05-15T16:58:37.135Z (4 months ago)
• Language: TypeScript
• Homepage:
• Size: 199 KB
• Stars: 66
• Watchers: 3
• Forks: 10
• Open Issues: 2
• 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 }

})

```