如何配置Webpack,以实现对css的Tree Shaking?发布于2025年03月16日 webpack 最近的几篇文章,苏南大叔说的都是前端代码的TreeShaking。本文以webpack的角度,再来看css的TreeShaking功能。本文相关文章的目标,就是更好的优化打包体积。如果一段css代码没有被用到,优化... 阅读更多
如何理解PurgeCSS对css代码的TreeShaking技术?发布于2025年03月15日 webpack TreeShaking可以想象成用力摇树,把树叶摇下来。Tree Shaking的概念,不但可以用于js,还可以用于css。通过消除未使用代码来优化CSS包大小,在编译时确定哪些 CSS类是未使用的,并将其从最终的... 阅读更多
如何理解webpack打包中有关js的TreeShaking技术?发布于2025年03月14日 webpack Tree Shaking是一种通过消除未使用代码来优化JavaScript包大小的技术。它依赖于ESM模块的静态结构特性,可以在编译时确定哪些模块和函数是未使用的,并将其从最终的打包文件中移除。苏南大叔的“程序如此... 阅读更多
browserify打包,配合babelify支持es6的import发布于2025年03月11日 webpack 在现代JavaScript开发中,模块化和使用ES6语法已经成为主流。本文将介绍如何使用Browserify和Babelify来打包和转换ES6代码,特别是支持ES6的import语法。苏南大叔的“程序如此灵动”博... 阅读更多
browserify打包,浏览器支持commonjs的require发布于2025年03月10日 webpack 在Web开发的世界中,管理依赖和模块可能是一项艰巨的任务。随着项目复杂性的增加,对高效处理JavaScript模块的强大解决方案的需求也随之增加。这就是Browserify发挥作用的地方。在这篇文章中,苏南大叔将探... 阅读更多