CQY

package.json 文件 以下依赖包我是跟着视频一一学习下载的，并不是在项目中所需要，不一定全部下载。 webpack.dev.js 文件 这个文件是我们进行开发环境的配置。 webpack.p

总结 我们从四个角度对 webpack 和代码进行优化 提升开发体验 使用 Source Map 让开发或上线时代码报错能有更加准确的错误提示 使用 HotModuleReplacement 让开发时

PWA 渐进式网络应用程序 开发Web App 项目，项目一旦处于离线状态，就没有办法访问了，我们希望给项目提供离线体验 渐进式网络应用程序（progressive web application)简

Core.js 过去我们使用babel对js代码进行兼容处理，其中使用@babel/preset-env智能预设来处理兼容性问题。 他能将ES6的一些语法进行编译转换，比如箭头函数、...（扩展运算符

runtimeChunk 让我们更好的使用缓存 我们a, b有两个js文件, 其中在a.js中引用了b.js，当我们修改了b.js中的代码后，重新打包编译，会发现a，b两个的contenthash都会

Preload与Prefetch 我们前面已经做了code split，同时会使用import() 动态导入语法来进行代码按需加载（或者是懒加载，例如路由懒加载就是这样实现的）。但是加载速度还不够好，

单入口 开发时我们使用的框架可能是单页面应用（SPA），只有一个入口（单入口）。那么我们需要这样配置： 在 webpack.pord.js 中 给模块命名 splitChunks 打包后的chunks

Code Split 打包代码时会将所有的js打包到一个文件夹中，代码体积太大，如果我们只要渲染首页，就应该只加载首页的js代码，其它文件不加载。 所以我们需要将打包生成的文件进行代码分割，生成多个j

Tree Shaking 开发时我们定义了一些工具类函数库，或者引用第三方工具函数库或组件库。 如果没有特殊处理的话我们打包时会引入整个库，但是实际上我们可能只用一小部分的功能，这样将整个库都打包进来