2022-11-11 Webpack原理之HMR( Hot Module Replacement,可以翻译为「模块热更新」) Webpack工程化 前端 HMR 能够在保持页面状态不变的情况下动态更新代码模块,在 webpack 实现 HMR 之前,应用的加载更新都是一种页面级别的院子操作。即使再小的改动,如更新字体大小等都会重新加载整个页面,会降低整体开发效率,如: 对于复杂表单,你需要
2022-11-10 Webpack的loader和plugin的编写 Webpack工程化 前端 loader 的链式调用和顺序执行loader 就是一个 js 函数,它的作用就是接收源码,并返回新的源码。 如果是多个 loader 串行,则执行顺序是从右向左 module.exports = { rules: [
2022-11-08 如何搭建一个前端开发环境(六):如何优化webpack? Webpack工程化 前端 前端开发配置系列文章的 github 仓库为: https://github.com/SaebaRyoo/webpack-config ,如果您在看的过程中发现了什么不足和错误,感谢您能指出! 作为一个前端开发,Webpack 一定不陌生,
2022-11-04 如何搭建一个前端开发环境(二):Webpack(二) - 添加React + TS Webpack工程化 前端 前端开发配置系列文章的 github 仓库为: https://github.com/SaebaRyoo/webpack-config ,如果您在看的过程中发现了什么不足和错误,感谢您能指出! 上一篇总结了基础的 webpack 概念。那
2022-11-03 如何搭建一个前端开发环境(一):Webpack(一) - 基础概念 Webpack工程化 前端 前端开发配置系列文章的 github 仓库为: https://github.com/SaebaRyoo/webpack-config ,如果您在看的过程中发现了什么不足和错误,感谢您能指出! 概念Webpack 是一个静态模块打包器,它将