古茗前端周刊第二十四期Taro 编译打包耗时缩短至三分之一、Prompt 高级技巧、设计稿转代码的演进之路、OOCSS面

资讯

文章推荐

通过 speed-measure-webpack-plugin 统计出编译打包过程中，plugin 和 loader 的耗时情况，明确优化方向

babel-loader、sass-loader 这两者耗时最为严重。而这两者也是导致 TaroMiniPlugin 耗时如此严重的主要原因。（因为该插件，会将小程序页面、组件等文件，通过 webpack 的 compilation.addEntry 添加到入口文件中,后续会执行 webpack 中一个完整的 compliation 阶段，在这个过程中会调用配置好的 loader 进行处理。当然也会调用 babel-loader 和 scss-loader 进行处理 js 文件或者 scss 文件，这就严重拖慢了 TaroMiniPlugin 速度，导致统计出来该插件耗时严重。）

最后使用 thread-loader 与 cache-loader（多核与缓存）优化了 babel-loader 与 sass-loader 的打包速度

Prompt 高级技巧：借助伪代码精准的控制 LLM 的输出结果和定义其执行逻辑

文章展示了如何使用伪代码编写 Prompt，提高 LLM 对复杂任务的理解和执行效果。这个方法对于需要生成特定格式输出的复杂任务非常有效

Semi D2C 设计稿转代码的演进之路

Figma 作为先进设计软件的出现，建立起了 C2D 和 D2C 的工具强烈。本文内容讲述了字节 Semi 的发展过程和思考理念，非常值得前端和设计团队”同时借鉴“。

OOCSS面对对象CSS

OOCSS (Object-Oriented CSS) 。顾名思义，OOCSS 就是面向对象的 CSS ，其核心思想就是面向对象编程（OPP）的抽象思维，旨在提高 CSS 代码的可维护性和复用性。

微信读书的 AI 功能，真不错

这算是 AI 新的一种应用场景，帮助你解决在读书过程中遇到的一些问题，比如不熟悉的词，可以直接给你答案，也可以综合书中的内容，进行提问，来进一步检验自己理解的是否透彻，这给我们阅读的效率和深度都提供了不少的帮助。

figma 教学集合

对于前端开发工程师和 UED，对 Figma 的设计理念建议都深度掌握。说来也简单，前端会正确的使用Figma +组件库完成页面设计，那就是对于前端开发者来说可以算入门了吧。

小茗推荐

最后

关注公众号「Goodme前端团队」，获取更多干货实践，欢迎交流分享。