作者回复: HtmlWebpackPlugin 里面的minify 的 minifyCSS 参数和minifyJS参数是用于去压缩一开始就内联在 html 里面的css和js,不是打包生成的 css 和 js
作者回复: 准确的说这个增量更新还是全量更新并不是 webpack 去做的,而是部署脚本或者部署服务器去关注的,webpack 只负责构建。 通常的做法是: webpack 打包的时候会给每个文件生成文件指纹(这个通常可以理解成静态资源的版本)。然后部署脚本进行部署操作,比如: scp、rsync 等操作把资源发布到 生产机器或者 cdn 的时候。发布上去后,部署系统会将当前的静态资源的列表存起来,下次再次进行部署会将新的资源列表和前一次的资源列表进行比对。如果文件指纹没有变化,则不会进行覆盖操作,从而达到增量部署。
作者回复: 有三个比较容易混淆的概念,bundle,chunk和module。 bundle:打包最终生成的文件 chunk:每个chunk是由多个module组成,可以通过代码分割成多个chunk。 module:webpack中的模块(js、css、图片等等)
作者回复: 是的,你希望哪个 chunk 自动注入到哪个 html-webpack-plugin 就可以直接把相应的chunk写入到这个 chunks 的数组里就好了。 在26节多页面通用打包会更详细的介绍到 html-webpack-plugin 的用法
作者回复: 😄 之前在腾讯课堂做过直播
作者回复: 感谢夸奖~
作者回复: 嗯嗯,在努力更新中了
作者回复: 主要是extracttext在webpack4已经不推荐了,不支持webpack4
作者回复: 嗯嗯,已经录制了很多节了,下周会继续更新哈
作者回复: 嗯嗯,这个除了cssnano有这个问题,之前的 css-loader 也存在的,亲测。 不过这种情况特别少啦,基本无伤大雅,实在遇到可以通过 hack 的方式去搞定。比如通过js去设置 style 等等。