Potato_土豆

什么是网络协议 例如平时我们签订的合同，主要用于约束两方的一些行为以及必须遵守的规则和约定，网络协议亦是如此，如果想要双方能够达成通信，必须约束双方，如果两个终端使用的字符集不一样，那么两个终端就不能

Webpack启动流程 入口执行文件 平常我们配置webpack指令的时候都会在 package.json如下图: 相当于执行 npx webpack命令，其根本就是找到 node_module文件夹

Terser Terser是一个JavaScript的解释（Parser）、Mangler（绞肉机）/Compressor（压缩机）的工具集；早期我们会使用 uglify-js来压缩、丑化我们的Jav

环境分离 第一种方案添加两个配置文件，然后添加两个 build指令分别指向两个配置文件如下图显示 第二种方案是使用相同的入口配置文件但是需要在后面配置参数来区分生产环境还是开发环境 这样做的好处就是可

初识Babel以及Babel作用 通俗点说 Babel其实就是一个转换工具，可以帮助我们语法转换、源代码转换、Polyfill实现目标缓解缺少的功能等；就是让一些代码中含有的浏览器不支持的代码转换成浏

初识source-map 一般我们打包发到服务器的代码都是被压缩丑化之后的，有些项目配置了一下浏览器兼容的插件之后，会将es6的代码转换成 es5,这样我们在开发调试的时候如果是部署到测试服的项目出问

准备工作 两个文件，分别使用 CommonJS和ES Module导出方法如下图： 初识mode 应为说到模块化原理需要用到 mode属性所以这里简单认识一下 mode 三者之间的区别： 默认情况下是

初识Plugin CleanWebpackPlugin 如果没有安装任何插件的情况下如果我们执行 build指令必须手动删除上一次打包的资源，如果不删除上一次打包的资源文件有可能被遗留下来（比如上一次

在 webpack5之前加载资源文件一般会是用 file-loader、url-loader、raw-loader等，但是在webpack5之后可以直接使用资源模块类型（asset module ty