打包过程

Gzip压缩通常不直接作用于图片文件。 Gzip主要设计用于压缩文本文件，例如HTML、CSS、JavaScript、XML等，这些文件中含有大量的重复字符串，Gzip可以有效地减小它们的传输大小。这

掘金学习资料 Tree-shaking的本质就是消除无用的js代码。掘金学习资料 Tree-shaking的本质就是消除无用的js代码。

安装clean-webpack-plugin,每次打包后就会清理指定的文件夹。配置时不需要写里面的路径。 npm install clean-webpack-plugin -D 引入CDN服务器。 将

mode:'development' //开发环境 配置对应的环境：development、production、none devtool:'inline-source-map' //为了方便看打包后

HMR:Hot Module Replacement是指当我们对代码修改并保存后，webpack将会对代码进行重新打包，并将新的模块发送到浏览器端，浏览器用新的模块替换掉旧的模块，以实现在不刷新浏览器

loader:文件加载器，能够加载资源文件，并对这些文件进行一些处理，如编译、压缩等，最终一起打包到指定的文件中 plugin:插件，赋予了webpack各种灵活的功能，例如打包优化、资源管理、环境变

npm init -y快速的去创建一个默认的包信息。 npm i vite -D npm i vue 为了让vue能正常运行，需要安装npm install @vitejs/plugin-vue， 修

Vite也是前端构建工具。 Vite 开发时并不对代码打包，而是直接采用ESM的方式来运行项目 在项目部署时，再对项目进行打包

1、webpack打包使用步骤 初始化项目 yarn init -y 安装依赖webpack、webpack-cli yarn add -D webpack webpack-cli -D是为了安装在开

npm是最常用的包管理器，拥有丰富的资源库和社区支持。 npm具有强大的功能，可以管理依赖、版本控制和脚本管理。 npm可以通过命令行轻松地安装、卸载和更新包。

打包过程中会偶尔出现线下的包符合需求，需要开发手动修改，这种情况下就需要修改包的来源地址，所以需要写多个方法来修改包的来源，以便于开发去使用。