vue项目中,使用vite打包时,我们需要判断环境,用于做不同的处理,比如cdn部署。
通过process.env.NODE_ENV我们可以获取到环境。
import {defineConfig, loadEnv} from 'vite';
import vue from '@v...
yekong
2年前 (2023-01-23)
喜欢
传统打包器的流程图
ESM打包器流程图
Vite 将模块区分为依赖和源码两类,提升开发服务启动时间
依赖:在开发时不会变动的纯 JavaScript, Vite 会使用 esbuild 预构建依赖
vite 以原生 ESM 方式提供源码,让浏览器接管打包工作
...
yekong
3年前 (2021-09-19)
喜欢
缓慢的服务启动
当冷启动开发服务器时,基于打包器的方式启动必须优先抓取并构建你的整个应用,然后才能提供服务。
缓慢的更新
基于打包器启动时,重建整个包的效率很低。原因显而易见:因为这祥更新速度会随着应用体积增长而直线下降。
...
yekong
3年前 (2021-09-19)
喜欢
Webpack
webpack 是一个模块打包器。它的主要目标是将 JavaScript 文件打包在一起,打包后的文件用于在浏览器中使用,但它也能够胜任转换(transform)、打包(bundle)或包裹(package)任何资源(resource or asset)。
rol...
yekong
3年前 (2021-09-19)
喜欢