Also, I'm pretty sure IE11 wouldn't likeimport './style.css';or the template string if the script was running. I used the default vite.config.js from @vitejs/plugin-legacy for this: import legacy from "@vitejs/plugin-legacy"; export default { plugins: [ legacy({ // for ie11 tar...
Vite配置如下,使用@vitejs/plugin-legacy插件 同时配置 build target es2015 import{defineConfig}from'vite'importreactfrom'@vitejs/plugin-react'importlegacyfrom'@vitejs/plugin-legacy'importcommonjsfrom'@rollup/plugin-commonjs'exportdefaultdefineConfig({plugins:[react(),legacy({// IE11targets:['defaults'...
varroutes=[{path:'/',name:'Home',component:functioncomponent(){return__vitePreload(function(){returnmodule.import('./Home-legacy.8924874a.js');},false?"__VITE_PRELOAD__":void0);}}]; Changing it like this makes it work in IE11: var routes = [{ path: '/', name: 'Home', compon...
比如,Vite 构建的项目,打包默认依然使用 ES 模块化,即便是 Vue2 开发的项目也是一样,如果想让项目运行在 IE11 这样的低版本浏览器中,可以按下面这样,使用官方插件 @vitejs/plugin-legacy,打包后的结果是不需要插件功能的。因此,使用开发依赖安装插件: 复制 $ npm i @vitejs/plugin-legacy -D 1. 安装完成后...
首先安装插件:npm i @vitejs/plugin-legacy -D 然后在vite.config.js中配置 importlegacyPluginfrom'@vitejs/plugin-legacy'exportdefaultdefineConfig( {plugins: [legacyPlugin({targets:['chrome 52'],// 需要兼容的目标列表,可以设置多个additionalLegacyPolyfills:['regenerator-runtime/runtime']// 面向IE11时...
Vue 3和Vite默认支持的是较新的浏览器版本,而IE浏览器(特别是IE 11及更早版本)对这些新技术的支持非常有限。因此,直接在IE上运行Vue 3和Vite构建的应用很可能会导致兼容性问题。 2. 研究可能的解决方案或插件以改善兼容性 为了改善Vue 3和Vite在IE上的兼容性,可以使用以下插件和策略: @vitejs/plugin-legacy:...
importlegacyPluginfrom'@vitejs/plugin-legacy';exportdefaultdefineConfig({plugins:[legacyPlugin({targets:['chrome 52'],// 需要兼容的目标列表,可以设置多个additionalLegacyPolyfills:['regenerator-runtime/runtime'],// 面向IE11时需要此插件}),]}) ...
但是可以通过一个插件 ——@vitejs/plugin-legacy来支持传统浏览器(比如 IE11)。不过,IE11 好像也就是它的极限了,更低的版本可能会出现问题。 所以,如果你对于浏览器兼容要求比较严格的话,请谨慎使用Vite。 小结 好了,到这里,这次Vite的初体验,到这里就结束了。
importlegacyPluginfrom'@vitejs/plugin-legacy';exportdefaultdefineConfig({plugins:[legacyPlugin({targets:['chrome 52'],// 需要兼容的目标列表,可以设置多个additionalLegacyPolyfills:['regenerator-runtime/runtime'],// 面向IE11时需要此插件}),]}) ...
legacyPlugin({ targets: ['chrome 52'], // 需要兼容的目标列表,可以设置多个 additionalLegacyPolyfills: ['regenerator-runtime/runtime'], // 面向IE11时需要此插件 }), ] }) 1. 2. 3. 4. 5. 6. 7. 8. 9. 重新打包、运行到浏览器,则低浏览器不会报错了...