【原理揭秘】Vite是怎么兼容老旧浏览器的？你以为仅仅依靠Babel？

转载 作者：我是一只小鸟 更新时间：2023-04-03 14:32:12 26 4

                        
                          // vite.config.js
import { defineConfig } from 'vite'
import legacy from '@vitejs/plugin-legacy'
import vue from '@vitejs/plugin-vue'

export default defineConfig({
    plugins: [
        vue(),
        legacy({
            targets: ['ios >= 9', 'android >= 4.2', '> 1%']
        })
    ],
    server: {
        host: '127.0.0.1'
    },
    build: {
        minify: false
    }
})




                        
                      

                        
                          // .browserslistrc
ios >= 9
android >= 4.2
> 1%


                        
                      

26 4 0

• vite - 在 Vite 中更改输入和输出目录

  我将 Vite ( https://vitejs.dev/ ) 用于静态多页网站。 这是构建命令后的默认项目文件夹结构。 my-app/ ├─ node_modules/ ├─ dist/ │ ├─

• vite - Formatjs/react-intl 与 Vite

  Formatjs 提供了一个 babel plugin对于使用 react-intl 注入(inject)消息 ID 并删除 description 的模块。我如何将它与 Vite 一起使用？ 最佳答

• vite - 在 vite 脚本中禁用哈希 - chrome 扩展的多个入口点

  我正在尝试编写一个 chrome 扩展程序。我找到了一种方法来创建多个页面和后台脚本，但后台脚本包含哈希并且是放入 dist/assets 文件夹中。我只想输出“dist/background.js”

• javascript - "vite"和 "vite preview"有什么区别？

  我使用 vite 创建了一个项目模板。 在package.json下，我看到了这个； "scripts": { "dev": "vite", "build": "vue-tsc -

• vite - 在 Vite.js 项目中使用 `compilerOptions.baseUrl`？

  我正在尝试从 Create React App 迁移到 Vite.js，但我遇到了导入别名的问题。 在 Create React App 中，我有一个 jsconfig.json 文件，其中 comp

• vuejs3 - 如何在 vite.config.js 中使用 Vite 环境变量？

  在我的 Vite 项目中使用以下 .env: # To prevent accidentally leaking env variables to the client, only # variabl

• vite - 如何在 Vite for Vue 或 React 中使用 dayjs？

  如果您尝试使用 Vite 将 dayjs 导入到 Vue/React 应用程序中，您会发现它失败。 Vite 仅适用于 ESM 模块。 最佳答案 我发现你需要直接导入esm模块，然后它才能在Vite

• Why is Tailwind not installing correctly in my Vercel deployment? (Vite/Sveltekit)(为什么在我的Vercel部署中无法正确安装TailWind？(VITE/Sveltekit))

  我最近试图在Vercel上部署一个SvelteKit项目库，但由于Vercel构建应用程序的方式，我编写的传递实用程序类并以编程方式调用TailWind的API端点无法工作。它在我的本地环境中运行得很

• Why is Tailwind not installing correctly in my Vercel deployment? (Vite/Sveltekit)(为什么在我的Vercel部署中无法正确安装TailWind？(VITE/Sveltekit))

  我最近试图在Vercel上部署一个SvelteKit项目库，但由于Vercel构建应用程序的方式，我编写的传递实用程序类并以编程方式调用TailWind的API端点无法工作。它在我的本地环境中运行得很

• vue.js - Vue、vite:GET http://localhost:3000/@vite/client net::ERR_ABORTED 404(未找到)

  我正在使用 Vue 和 vite 通过获取 API 来练习 Web 应用程序的工作流程，遵循此 tutorial .末yarn dev命令，我收到错误。我试过了: 直接克隆project并运行相同的命

• javascript - Netlify 和 React Vite : Netlify says "Page not found" upon reloading in Vite and React site

  我有一个用 React JS 构建的网站，我使用 Vite 作为 JS Bundler。问题是，当我在 Netlify 上部署网站并重新加载页面时，它显示“找不到页面”。 我尝试添加更改 vite.c

• javascript - vite 同源多个应用

  我是 vite 新手，首先，我实际上并不知道我需要什么样的结构。 我需要构建多个应用，但其中一些依赖于相同的组件。 到目前为止它运行良好，但我认为混合了一些东西

• javascript - Vite:在构建时替换环境变量

  我正在使用 Vue + Vite + TS，并且正在构建一些我想在其他地方构建和导入的库。 关键是我使用 dotenv 设置了一些环境变量，因此我可以使用 import.meta.env.MY_VAR

• vite不能选配方案？vite-creater强势来袭！

  我正在参加「掘金·启航计划」 项目背景 vite出现之后，迅速带走了一大波webpack的使用者，即使是对打包工具不熟悉的小白，也能很快感受到两者的区别——vite快的多！

• 【vite】你不知道的小妙招，确定不看一下吗？

  分析 version：2.3.7。本文将整理 vite 静态资源的几种处理方式，应用案例和源码分析相结合，带你 10mins 通关该模块知识~ 一.处理的五种方式   (1)

• vite 开发 Cesium 程序最佳配置实践

  博客园 @四季留歌 项目工程下载（腾讯微云）：点我 缺点：必须安装 cesium 依赖和几个 vite 插件，起项目时略微麻烦，部署 cdn 较麻烦 优点：打包速度起飞，构建后的成果代码网络传输效率最

• vite - 如何将vite 3项目更新到vite 4？

  我有一个 vite 3 项目。我怎样才能将它更新到 vite 4？我需要从头开始创建一个新项目并复制文件吗？或者我只是更新 package.json 中的版本号，删除 node_modules 文件夹

• css - 通过 vite 导入获取原始字符串值

  我想通过 vite 获取 npm 模块中的原始 css 字符串。根据 vite 手册， https://vitejs.dev/guide/assets.html#importing-asset-as-

• ssl - 本地主机上的 Vite https

  我正在尝试让 https 在我的 Vite 本地主机环境中工作。 Chrome 显示无效证书错误。 我已经像这样设置了我的 vite.config.js 文件: import { defineConf

• docker - Vue Vite 无法连接docker容器

  您好，我已经安装了新的应用程序 vue3 typescript + vite，我在构建图像并旋转容器后遇到了问题。我无法访问 localhost:3000，浏览器只会显示 The connection