第四十六章-Vite插件-@vitejs-plugin-legacy

1.说明

@vitejs/plugin-legacy的npm首页

原文描述:

注:此插件需要vite@^2.0.0-beta.12

Vite默认的浏览器支持基线是原生ESM。本插件为不支持原生ESM的传统浏览器提供支持。

默认情况下,该插件将。

为最终bundle中的每个chunk生成一个相应的legacy chunk,用@babel/reset-env进行转换,并以SystemJS模块的形式发布(仍然支持代码分割!)。

生成一个包含SystemJS运行时的polyfill chunk,以及由指定的浏览器目标和捆绑包中的实际使用情况决定的任何必要的polyfills

在生成的HTML中注入<script nomodule>标签,以便在没有本地ESM支持的浏览器中有条件地加载polyfillslegacy bundle

注入 import.meta.env.LEGACY env 变量,该变量仅在 legacy 生产构建中为真,而在所有其他情况下为假。(需要vite@^2.0.0-beta.69)。

所以这个是一个浏览器兼容的插件。我们直接安装使用,个人感觉学习的话也用不上。

2.安装

yarn add @vitejs/plugin-legacy --dev

VbenAdmin配置build\vite\plugin\index.ts

// ...
import legacy from '@vitejs/plugin-legacy';
// ...

export function createVitePlugins(viteEnv: ViteEnv, isBuild: boolean) {
  // ...

  // @vitejs/plugin-legacy
  VITE_LEGACY && isBuild && vitePlugins.push(legacy());

  // ...

  return vitePlugins;
}

上一章

第四十五章-Vite插件-@vitejs-plugin-vue-jsx

下一章

第四十七章-Vite插件-vite-plugin-html

# vben  vite 

评论

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×