飞道的博客

拥抱 Vite2.0 系列(打包生产)

380人阅读  评论(0)

当需要将应用程序部署到生产环境时,只需运行vite构建命令。默认情况下,它使用 <root>/index.html作为构建入口点,并生成一个适合通过静态托管服务提供的应用程序包。

浏览器兼容性

该产品包假定对现代JavaScript有基线支持。默认情况下,所有代码都是编译的目标浏览器带有本地ESM脚本标签支持:

Chrome >=61
Firefox >=60
Safari >=11
Edge >=16

轻量级的动态导入填充也会自动注入。

您可以通过构建指定自定义目标。目标配置选项,其中最低的目标是es2015。

注意,默认情况下,Vite只处理语法转换,不包括腻子脚本。你可以看看Polyfill。这是一个基于用户浏览器UserAgent字符串自动生成polyfill包的服务。

旧的浏览器可以通过@vitejs/plugin-legacy来支持,它会自动生成旧的块和相应的ES语言特性腻子。遗留块只在不支持本机ESM的浏览器中有条件地加载。

Public Base Path

如果您在嵌套的公共路径下部署项目,只需指定基本配置选项,所有资产路径将相应地被重写。这个选项也可以指定为一个命令行标志,例如:vite build——base=/my/public/path/。

在构建过程中,js导入的资产url、CSS url()引用以及.html文件中的资产引用都会自动调整以尊重这个选项。

例外情况是需要动态连接url。在这种情况下,你可以使用全局注入的import.meta.env。BASE_URL变量,它将是公共基路径。注意,这个变量在构建过程中会被静态地


转载:https://blog.csdn.net/qq_36772866/article/details/113954595
查看评论
* 以上用户言论只代表其个人观点,不代表本网站的观点或立场