Zhentiw - 博客园

2025年3月2日

摘要： optimization optimization这个配置项内部的很多优化策略都是在生产环境默认开启的，启用这些规则从一定程序上来讲可以显著减少 bundle 体积，优化代码生成，帮助长期缓存等。 optimization.minimize optimization.minimize指定 webpa 阅读全文

posted @ 2025-03-02 18:58 Zhentiw 阅读(100) 评论(0) 推荐(0)

[Webpack] 打包优化一

摘要：代码准备由于需要演示webpack的一些优化处理，因此代码提前做了一些处理，引入了vue-router路由，创建了几个view页面引入了element-plus，axios，echarts，vue-echarts，@vueuse等组件丰富页面展示引入了unplugin-vue-compone 阅读全文

posted @ 2025-03-02 18:57 Zhentiw 阅读(57) 评论(0) 推荐(0)

[Esbuild] 自定义插件

摘要： esbuild自定义插件插件开发其实就是基于原有的体系结构中进行扩展和自定义。 Esbuild 插件也不例外，通过 Esbuild 插件我们可以扩展 Esbuild 原有的路径解析、模块加载等方面的能力，并在 Esbuild 的构建过程中执行一系列自定义的逻辑。 esbuild 插件是一个带有na 阅读全文

posted @ 2025-03-02 18:49 Zhentiw 阅读(80) 评论(0) 推荐(0)

2025年2月28日

[Esbuild] esbuild调用总结

摘要： transform API transform/transformSync 对单个字符串进行操作，不需要访问文件系统。非常适合在没有文件系统的环境中使用或作为另一个工具链的一部分，它提供了两个参数： transform(str: string, options?: Config): Promise< 阅读全文

posted @ 2025-02-28 02:27 Zhentiw 阅读(174) 评论(0) 推荐(0)

2025年2月26日

[Unit testing] Mocking the Network with Mock Service Worker

摘要： Limitations of Mocking the Store In the last lesson, we successfully mounted our EventList component and provided initial state to our Vuex store. Whi 阅读全文

posted @ 2025-02-26 16:48 Zhentiw 阅读(19) 评论(0) 推荐(0)

2025年2月25日

[Tools] Esbuild

摘要： esbuild 命令行调用使用 Esbuild 有 2 种方式，分别是命令行调用和代码调用。无论如何我先npm init -y创建一个新项目，然后通过如下的命令完成 Esbuild 的安装: npm i esbuild 查看esbuild版本 ./node_modules/.bin/esbui 阅读全文

posted @ 2025-02-25 15:33 Zhentiw 阅读(86) 评论(0) 推荐(0)

2025年2月23日

[Pattern] 设计模式

摘要：设计模式设计模式基本介绍单例模式工厂模式基本介绍 “模式”是由模式之父 Christopher Alexander（克里斯托弗·亚历山大）提出。 1991 年-1992 年之间，由 GoF： Erich Gamma Richard Helm Ralph Johnson John Vlissi 阅读全文

posted @ 2025-02-23 17:48 Zhentiw 阅读(12) 评论(0) 推荐(0)

2025年2月21日

[Typescript] import issue for images

摘要： When you try to import image in typescript project, it will report issue import logo from "./assets/react.svg" What you can do is, create a types.d.ts 阅读全文

posted @ 2025-02-21 16:10 Zhentiw 阅读(17) 评论(0) 推荐(0)

[npm] npx 软件包运行器

摘要：如果你想执行一个本地安装的软件包，你只需要输入： $ npx your-package npx 将检查 <command> 或 <package> 是否存在于 $PATH 或本地项目的二进制文件中，如果存在，npx 将执行它。上面的代码可以直接简写为 npx esbuild src/index.t 阅读全文

posted @ 2025-02-21 16:06 Zhentiw 阅读(32) 评论(0) 推荐(0)

[Vite] 性能优化

摘要：关于HTTP： https://www.cnblogs.com/Answer1215/p/18729206 DNS 打包方式：所有代码（包括 lodash-es、element-ui 等）被打包到一起，部署时只需请求一个或几个大文件。优点是简单，不需要额外的网络请求；缺点是文件体积大，首次加载延阅读全文

posted @ 2025-02-21 15:59 Zhentiw 阅读(98) 评论(0) 推荐(0)

Answer1215

公告