如何配置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模块的静态结构特性,可以在编译时确定哪些模块和函数是未使用的,并将其从最终的打包文件中移除。苏南大叔的“程序如此... 阅读更多
Rust编程语言,使用wasm-pack编译wasm范例发布于2025年03月13日 rust .wasm是webassembly的文件后缀,它可以由多种高级编程语言生成,并不是某一种编程语言的固定产物。本文中,苏南大叔演示的是:使用rust编程语言写一个非常简单入门的wasm文件,并且在www容器里面运行起... 阅读更多
浏览器/Node环境,使用wasm文件的几种方式发布于2025年03月12日 前端编程 本文不涉及wasm文件的编译,这里假设通过某种编程语言的编译手段,已经得到了一个release.wasm文件。那么,如何使用这个wasm文件里面的导出函数呢?这就是本文要讨论的问题。苏南大叔的“程序如此灵动”博客,... 阅读更多