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(...
Describe the bug I'm using @vitejs/plugin-legacy to target Chrome >= 38, including polyfills so I expect the app work properly in Chrome 38. However, when I run the built app on that browser an error is displayed in the console: "Unhandl...
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' ...
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,如...
如果你足够细心,其实你应该可以从上面 Vite 的配置项代码中嗅到一丝端倪,在 Vite 的配置文件中,有一个名为 @vitejs/plugin-legacy 的插件,它的名字也包含 legacy,Vite 官网中对这个插件的解释是这样的: “传统浏览器可以通过插件 @vitejs/plugin-legacy 来支持,它将自动生成传统版本的 chunk 及与其相对应 ES ...
Cannot read properties of undefined (reading 'nodeName') Plugin: vite:css这种报错。 @tailwind base; @tailwind components; @tailwind utilities; @import '~moonlite/dist/moonlite.css'; @import './stylesheets/main.styl'; html, body { background: alpha($bright, 0.5); } #app { width: 100%...
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...