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