README.zh-CN.md

vite-plugin-dynamic-base

English | 简体中文

• 🦾 解析所有资源文件动态路径（多cdn切换）, 类似 Webpack 的 __webpack_public_path__.

安装

npm i vite-plugin-dynamic-base -D

变更日志

0.4.0

2022-05-01

新特性

• 兼容vite-plugin-pwa
• base标记 (从原来的自动寻找替换成使用base作为标记位去替换，这是为了更加准确的处理，同时在pwa中遇到一些场景需要使用base作为标记位)

Bug 修复

• 多层级cdn引用资源路径修复

重构

• 更换匹配方案，使用base属性作为标记位
• 代码结构调整，引入异步处理

变更日志

编译模式

• es
• system

兼容插件

• @vitejs/plugin-legacy
• vite-plugin-pwa

使用

// 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 */ }),
  ],
})

配置

以下显示配置的默认值

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
})

计划

1. 探索利用SWC改造AST进行加工的可行性