《玩转webpack》 第三章 基础篇 Webpack 进阶用法
/src/*/index.js')), 使⽤用 source map 开发环境开启,线上环境关闭 作⽤用:通过 source map 定位到源代码 · 线上排查问题的时候可以将 sourcemap 上传到错误监控系统 · source map科普⽂文:http://www.ruanyifeng.com/blog/2013/01/javascript_source_map.html source map 关键字 配置增加了了重复的 key 。代码发布后,有⼩小部分使⽤用了了 vivo ⼿手 机的⽤用户反馈充值⻚页⾯面⽩白屏,⽆无法在 Now app 内进⾏行行充值。最后问题定位是: vivo ⼿手机使⽤用了了系统⾃自带的 webview ⽽而没有使⽤用 X5 内核,解析 JSON 时遇到 重复 key 报错,导致⻚页⾯面⽩白屏。 如何避免类似代 码问题? ⾏行行业⾥里里⾯面优秀的 ESLint 规范实践 能够帮助发现代码错误的规则,全部开启 不不重复造轮⼦子,基于 eslint:recommend 配置并 改进 帮助保持团队的代码⻛风格统⼀一,⽽而不不是限制开发 体验 ESLint 如何执⾏行行落地? 和 CI/CD 系统集成 和 webpack 集成 ⽅方案⼀一:webpack 与 CI/CD 集成 增加 lint pipline 本地开发阶段增加 precommit 钩⼦子 安装 husky 增加 npm0 码力 | 69 页 | 4.33 MB | 1 年前3Rspack 基于 Rust 的高性能Web 构建工具
Rspack? 5. Rspack 的架构设计 6. Rspack 的生态与未来 Rspack 是什么? Rspack 是一个基于 Rust 的高性能构建引擎, 具备与 Webpack 生 态系统的互操作性,可以从 Webpack 低成本的迁移,并提供更好 的构建性能。 https://www.rspack.dev Rspack 解决了什么问题? ???️ 开发环境性能 巨型项目中0 码力 | 29 页 | 4.51 MB | 1 年前3《玩转webpack》 第四章 进阶篇: 编写可维护的 webpack 构建配置
·alpha:是内部测试版,一般不向外部发布,会有很多 Bug。一般只有测试人员使用。 ·beta:也是测试版,这个阶段的版本会一直加入新的功能。在 Alpha 版之后推出 ·rc:Release Candidate) 系统平台上就是发行候选版本。RC 版不会再加入新的功能了,主 要着重于除错。0 码力 | 30 页 | 5.38 MB | 1 年前3《玩转webpack》 第二章 基础篇: webpack 基础用法
配 ignored: /node_modules/, //监听到变化发生后会等300ms再去执行,默认300ms aggregateTimeout: 300, //判断文件是否发生变化是通过不停询问系统指定文件有没有变化实现的,默认每秒问1000次 poll: 1000 } } 热更更新:webpack-dev-server { "name": "hello-webpack", "version":0 码力 | 41 页 | 2.52 MB | 1 年前3《玩转webpack》第六章 原理篇: 通过源码掌握 webpack 打包原理
} = require("tapable"); Tapable 是一个类似于 Node.js 的 EventEmitter 的库, 主要是控制钩子函数的发布 与订阅,控制着 webpack 的插件系统。 Tapable库暴露了很多 Hook(钩子)类,为插件提供挂载的钩子 Tapable hooks 类型 Tapable 的使用 -new Hook 新建钩子 Tapable 暴露出来的都是类方法,new0 码力 | 39 页 | 3.66 MB | 1 年前3
共 5 条
- 1