如何配置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模块的静态结构特性,可以在编译时确定哪些模块和函数是未使用的,并将其从最终的打包文件中移除。苏南大叔的“程序如此... 阅读更多
浏览器/Node环境,使用wasm文件的几种方式发布于2025年03月12日 前端编程 本文不涉及wasm文件的编译,这里假设通过某种编程语言的编译手段,已经得到了一个release.wasm文件。那么,如何使用这个wasm文件里面的导出函数呢?这就是本文要讨论的问题。苏南大叔的“程序如此灵动”博客,... 阅读更多
browserify打包,配合babelify支持es6的import发布于2025年03月11日 webpack 在现代JavaScript开发中,模块化和使用ES6语法已经成为主流。本文将介绍如何使用Browserify和Babelify来打包和转换ES6代码,特别是支持ES6的import语法。苏南大叔的“程序如此灵动”博... 阅读更多