function(){if(window.__vite_is_modern_browser)return;console.warn("vite: loading legacy chunks, syntax error above and the same error below should be ignored");var e=document.getElementById("vite-legacy-polyfill
一、问题: 在做vite + vue3项目,由于前端页面加载过慢,处理vite相关优化时安装相关插件提示的报错信息,在这里记录是方便遇到同样问题的小伙伴能快速解决问题。 编译: npm run build 执行: npm install @vitejs/plugin-vue -D 执行: npm install @vitejs/plugin-vue -D --force or --legacy-peer-deps 二、...
后来翻了下文档,实际可以通过 @vitejs/plugin-legacy 的 modernPolyfills 配置去解决这个问题,解决配置如下代码。同理,你也可以 Polyfills 你需要的es[13] 。 import{ defineConfig }from'vite' importvuefrom'@vitejs/plugin-vue' importlegacyfrom'@vitejs/plugin-legacy' exportdefaultdefineConfig({ server: { ...
$ npm add -D @vitejs/plugin-legacy 代码语言:javascript 复制 // vite.config.js import legacy from '@vitejs/plugin-legacy' import { defineConfig } from 'vite' export default defineConfig({ plugins: [ legacy({ targets: ['defaults', 'not IE 11'], }), ], }) plugins也可以接受包含多个...
npm install @vitejs/plugin-legacy 在vite.config.js中配置该插件: import legacy from '@vitejs/plugin-legacy'; export default { plugins: [ legacy({ targets: ['defaults', 'not IE 11'] // 根据需要配置目标浏览器 }) ] } 3. 条件编译 对于某些特定于旧浏览器的代码逻辑,可以使用条件编译技术。
后面发现可用@vitejs/plugin-legacy解决此问题。 import legacy from'@vitejs/plugin-legacy'; 2) 受制于历史项目包袱,感受到Vite的一些痛点: Vite最新版2.7.x版本自带的less-loader, 将背景色的rgba属性转换成四位16进制在有些手机上存在兼容性问题。
[vite-plugin-prerender] Rendering routes [/] with puppeteer… 打开调试模式,看看控制台是否报错,如果是语法报错,可能需要安装插件 @vitejs/plugin-legacy 与 terser 配置vite.config 文件: import legacy from "@vitejs/plugin-legacy"; // ...
/** * vue 一键修复 改为本地 * vite.config.js 请先配置 @vitejs/plugin-legacy 和 base:'./' * 参考:http://events.jianshu.io/p/d44d14bc5344 * 配置完成后 路径正常后 再 node toFile.js * 作者:Yoyo */ import path from 'path'; import fs from 'fs'; console.time('转换耗时'); ...
step2: 配置@vitejs/plugin-legacy相关内容,在vite.config.ts(js)中修改 // 引入 import legacy from '@vitejs/plugin-legacy'; // 插件处 plugins:[ legacy({ targets:['defaults','not IE 11'] }), vue() ] 1. 2. 3. 4. 5. 6.
import legacy from '@vitejs/plugin-legacy'; export default { plugins: [ legacy({ targets: ['ie >= 11'], additionalLegacyPolyfills: ['regenerator-runtime/runtime'] }) ] }; 四、总结 综上所述,虽然Vue 3不直接支持IE浏览器,但通过使用编译器和转换器、添加Polyfills以及配置Webpack或Vite,可以使...