卡布1达咩

在我们打包代码时会将所有 js 文件打包到一个文件中，体积太大了。假如我们只要渲染首页，就应该只加载首页的 js 文件，其他文件不应该加载，所以我们可以将打包生成的文件进行代码分割。

假设现在有一个按钮，当点击时需要执行一段操作,那么也就是说在我没有点击时不需要执行这段操作，所以在我点击之前页面其实并不需要加载这段操作的代码。

前面我们已经做了代码分割，同时会使用 import 动态导入语法来进行代码按需加载(按需加载也叫懒加载,比如路由懒加载就是通过 import 实现的)但是加载速度还可以进行优化.

这一篇主要写了如何通过optimization.runtimeChunk让文件能够更好的进行缓存,来提高用户的体验！

前面我们使用 babel 对 js 代码进行了兼容性处理，其中使用 @babel/preset-env 智能预设来处理兼容性问题，这一篇写corejs解决es6+的兼容问题

Node.js 中的 module.exports 与 exports。每个模块中都有 module 对象，存放了当前模块相关的信息。

当面试官问到，请你说说看“从输入 URL 到页面展示，这中间发生了什么？” 以前的我是这样回答的： 用户输入URL后，向服务器端发起请求、如果顺利，得到网络响应之后，浏览器对资源进行解析、最后将其渲染

开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第 1 天，点击查看活动详情 工具对比 这四个压缩工具，从下载量来看，image-webpack-loader 较多，image-m

开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第 2 天，点击查看活动详情 思维导图 本文为反复学习极客时间-《浏览器的工作原理与实践》-浏览器中的 JavaScript 执行机