additionalLegacyPolyfills: 字符串数组,指定额外的 polyfill 模块。例如,['regenerator-runtime/runtime']。 modernPolyfills: 布尔值,指定是否在现代构建块中添加 polyfill。默认为 false。 3. 配置示例及解释 以下是一个 vite.config.js 配置文件的示例,展示了如何使用 @vitejs/plugin-legacy 插件,并解释了每个配置...
如果设置modernPolyfills为数组的话,plugin-legacy会使用vite内部的build方法(vite.build),使用虚拟模块打包 // 虚拟模块constpolyfillId='\0vite/legacy-polyfills'functionpolyfillsPlugin(// 用户设置的modernPolyfillsimports:Set<string>,excludeSystemJS?:boolean):Plugin{return{name:'vite:legacy-polyfills',resolveId(...
Polyfills are attached to index.html as first thing in, this means they are loaded beforeis set. In my case this results in: ... which is wrong. Reproduction https://github.com/pongells/vite-legacy-repro Steps to reproduce Checkout repo then: npm install npm run build npm run p...
后来翻了下文档,实际可以通过 @vitejs/plugin-legacy 的 modernPolyfills 配置去解决这个问题,解决配置如下代码。同理,你也可以 Polyfills 你需要的es[13] 。 import{ defineConfig }from'vite' importvuefrom'@vitejs/plugin-vue' importlegacyfrom'@vitejs/plugin-legacy' exportdefaultdefineConfig({ server: { ...
Describe the bug Since version 1.4.0 the @vitejs/plugin-legacy automatically tries to restore the previous behavior of polyfilling dynamic import. However this currently ignores the value of renderLegacyChunks. When it is set to false on...
import legacy from '@vitejs/plugin-legacy'; 1. 2) 受制于历史项目包袱,感受到Vite的一些痛点: Vite最新版2.7.x版本自带的less-loader, 将背景色的rgba属性转换成四位16进制在有些手机上存在兼容性问题。 与某些第三方工具库(比如说Cache-Router)不兼容,编译会报错。 Vite的缓存机制,有时候让人有些困惑,代...
Vite 定制化配置 在初始化的项目中 vite.config.js 只是引入了提供 Vue 3 单文件组件支持的 plugin,接下来推荐一些优秀的 vite-plugin,更多 plugin 详见 awesome-vite。 @vitejs/plugin-legacy 为打包后的文件提供传统浏览器兼容性支持。因为 vite 是基于现代浏览器支持的 ESM 机制,所以构建后文件模块仍是 ESM,如...
import legacy from '@vitejs/plugin-legacy' export default ({ mode }) => { plugins: [ createVuePlugin(), legacy({ targets: ['ie >= 11'], additionalLegacyPolyfills: ['regenerator-runtime/runtime'] }) ] }) 14. 配置运行指令
如果你足够细心,其实你应该可以从上面 Vite 的配置项代码中嗅到一丝端倪,在 Vite 的配置文件中,有一个名为 @vitejs/plugin-legacy 的插件,它的名字也包含 legacy,Vite 官网中对这个插件的解释是这样的: “传统浏览器可以通过插件 @vitejs/plugin-legacy 来支持,它将自动生成传统版本的 chunk 及与其相对应 ES ...
Next generation frontend tooling. It's fast! Contribute to vitejs/vite development by creating an account on GitHub.