思考的Joey

watch是监控磁盘文件的变化，生成的也是磁盘文件，构建速度慢。 解决方案就是使用 webpack-dev-server 和webpack自带的 HotModuleReplacementPlugin 插件配合实现热替换。 我觉得官网对热模块的解释最简单易懂，直接贴出来吧。 模块…

文件监听是在发现源码发生变化后，自动重新构建出新的输出文件。 在webpack中监听一个文件发生变化的原理是定时的去获取这个文件的最后编辑时间，每次都存下最新的最后编辑时间，如果发现当前获取的和最后一次保存的最后编辑时间不一致，就认为该文件发生了变化。配置项中的watchOpt…

Webpack对代码的压缩可分为三个部分，HTML、CSS、JS。 html-webpack-plugin 插件主要是有来简化HTML文件的创建，将webpack中配置的output js文件和 mini-css-extract-plugin 等插件抽取的CSS文件插入到提供的…

webpack的指纹策略是通过给文件加上hash后缀，做到当代码有修改时打包出来的文件后缀也会修改，从而可以把静态资源开启持久缓存，这样每次有更新的代码打包后生成的都是新的问题件，从而最大程度上使用缓存。 和整个项目构建相关，只要一个文件有修改，整个项目的hash值就会改变。 …

Plugin可以扩展webpack的功能，让webpack具有更多的灵活性。 在 Webpack 运行的生命周期中会广播出许多事件，Plugin 可以监听这些事件，在合适的时机通过 Webpack 提供的 API 改变输出结果。 如果是多个html页面的话，就需要多次实例化Ht…

Webpack 本身只能处理JavaScript模块，如果要处理其他类型的文件，就需要使用loader 进行转换。 Loader可以理解为是模块和资源的转换器，它本身是一个函数，接受源文件作为参数，返回转换的结果。 引用《入门webpack》中的原文：css-loader使你能…

webpack.config.js

有很长一段时间没有开发动画相关的代码了，最近看React源码，又看到了requestAnimationFrame这个API，突然忘记这个API的用法。看来还是得及时总结，做下笔记才能帮助后续理解。

最近遇到一件糟心事儿，运营线下推广用的物理中的二维码是很早之前的下载APP的URL，这个下载地址打开后直接跳转到腾讯应用宝；后来我们需要修改跳转的地址，发布上线后，页面打开还是跳转到老地址，怎么弄都不生效，只有新用户才能正常使用。 第一直觉就怀疑是缓存的问题，但是我们抓吧却发现…