随笔分类 -  Tools

1 2 3 4 5 ··· 9 下一页
摘要:transform API transform/transformSync 对单个字符串进行操作,不需要访问文件系统。非常适合在没有文件系统的环境中使用或作为另一个工具链的一部分,它提供了两个参数: transform(str: string, options?: Config): Promise< 阅读全文
posted @ 2025-02-28 02:27 Zhentiw 阅读(2) 评论(0) 推荐(0) 编辑
摘要:esbuild 命令行调用 使用 Esbuild 有 2 种方式,分别是 命令行调用和代码调用。 无论如何我先npm init -y创建一个新项目,然后通过如下的命令完成 Esbuild 的安装: npm i esbuild 查看esbuild版本 ./node_modules/.bin/esbui 阅读全文
posted @ 2025-02-25 15:33 Zhentiw 阅读(2) 评论(0) 推荐(0) 编辑
摘要:如果你想执行一个本地安装的软件包,你只需要输入: $ npx your-package npx 将检查 <command> 或 <package> 是否存在于 $PATH 或本地项目的二进制文件中,如果存在,npx 将执行它。 上面的代码可以直接简写为 npx esbuild src/index.t 阅读全文
posted @ 2025-02-21 16:06 Zhentiw 阅读(1) 评论(0) 推荐(0) 编辑
摘要:关于HTTP: https://www.cnblogs.com/Answer1215/p/18729206 DNS 打包方式: 所有代码(包括 lodash-es、element-ui 等)被打包到一起,部署时只需请求一个或几个大文件。 优点是简单,不需要额外的网络请求;缺点是文件体积大,首次加载延 阅读全文
posted @ 2025-02-21 15:59 Zhentiw 阅读(5) 评论(0) 推荐(0) 编辑
摘要:Code Splitting 打包构建中的代码拆分(Code Splitting)是一种优化技术,它将应用程序的代码拆分成多个小块(chunks),并在需要时按需加载这些代码块。这种技术的目的是提高应用程序的性能和用户体验,主要有以下几个原因: 减少初始加载时间 当应用程序的代码被打包成一个单独的文 阅读全文
posted @ 2025-02-19 02:40 Zhentiw 阅读(13) 评论(0) 推荐(0) 编辑
摘要:npm i <packagename> --legacy-peer-deps --legacy-peer-deps: Bypassing Peer Dependency Checks (Use with Caution) Packages often rely on other packages t 阅读全文
posted @ 2025-02-19 02:34 Zhentiw 阅读(12) 评论(0) 推荐(0) 编辑
摘要:Offical plugins: https://cn.vitejs.dev/plugins/ Commuity plugins: https://github.com/vitejs/awesome-vite#plugins Rollup plguins: https://vite-rollup-p 阅读全文
posted @ 2025-02-18 03:09 Zhentiw 阅读(1) 评论(0) 推荐(0) 编辑
摘要:In vite.config.ts resolve: { alias: { "@": path.resolve(__dirname, "src"), "@assets": path.resolve(__dirname, "src/assets"), }, }, tsconfig.json "comp 阅读全文
posted @ 2025-02-14 03:03 Zhentiw 阅读(1) 评论(0) 推荐(0) 编辑
摘要:PreProcessor Using Scss Install: pnpm add sass -D Code: // filename: src/views/404.vue <template> <div title="404">404</div> <p>Page Not Found</p> </t 阅读全文
posted @ 2025-02-13 04:03 Zhentiw 阅读(7) 评论(0) 推荐(0) 编辑
摘要:使用Vite模板vue-ts. https://github.com/vitejs/vite/tree/main/packages/create-vite 一个组件在没加入Lodash之前: 当加入lodash之后,会自动把它加入到.vite/deps中去: 假如不用依赖构建 vite.config 阅读全文
posted @ 2025-02-06 03:45 Zhentiw 阅读(4) 评论(0) 推荐(0) 编辑
摘要:https://cn.vitejs.dev/guide/env-and-mode#env-variables-and-modes 添加额外的环境变量 .env #标题 VITE_APP_TITLE='Vite App' #端口 VITE_PORT=5173 #是否自动打开浏览器 VITE_OPEN= 阅读全文
posted @ 2025-02-05 03:07 Zhentiw 阅读(8) 评论(0) 推荐(0) 编辑
摘要:Overview 为什么选Vite: https://cn.vite.dev/guide/why.html esbuild, Rollup: https://cn.vite.dev/guide/why.html#why-bundle-for-production Quick start 1. Sta 阅读全文
posted @ 2025-02-04 02:07 Zhentiw 阅读(5) 评论(0) 推荐(0) 编辑
摘要:关于部署网站,理论上来讲,只要你有一个服务器,你要采用什么样的方式来部署都是可以的。但是前提是你需要有一个服务器(物理机、云服务器)。 这节课我们部署文档网站选择使用 github 来进行部署,因为 GitHub 为我们提供了一个免费的服务器,一个账号只有一个,只要你在 GitHub 上面有账号,你 阅读全文
posted @ 2025-02-01 13:38 Zhentiw 阅读(12) 评论(0) 推荐(0) 编辑
摘要:创建 API 文档可以选择如下的 3 种方式: 功能较少,可以直接写在 README.md 文件里面 内容较多,可以单独写一个文件 API 数量众多(Vue、React 这种级别),需要考虑单独拿一个网站来做详细的文档支持 这里我们要搭建的网站实际上就是一个文档网站,这个时候我们可以选择静态站点生成 阅读全文
posted @ 2025-02-01 13:33 Zhentiw 阅读(5) 评论(0) 推荐(0) 编辑
摘要:我们已经将我们的代码开源到了 github 上面,但是如果是其他开发者想要使用我们的库,还需要去 github 上面手动下载下来,添加到他们的项目里面,这样是非常低效的一种方式。 npm 的出现解决了这个问题,npm 是前端领域非常出名的一个包的托管平台,提供了代码的托管和检索以及下载安装功能。 注 阅读全文
posted @ 2025-01-31 22:36 Zhentiw 阅读(3) 评论(0) 推荐(0) 编辑
摘要:自定义插件 要自定义 babel 的插件,实际上有一个固定的格式: module.exports = function(babel){ // 该函数会自动传入 babel 对象 // types 也是一个对象,该对象上面有很多的方法,方便我们对 AST 的节点进行操作 const { types } 阅读全文
posted @ 2025-01-23 16:43 Zhentiw 阅读(4) 评论(0) 推荐(0) 编辑
摘要:自定义插件part1 关于 babel 中如何创建自定义插件,官方是有一个 handbook:https://github.com/jamiebuilds/babel-handbook/blob/master/translations/en/plugin-handbook.md AST Babel处 阅读全文
posted @ 2025-01-22 20:34 Zhentiw 阅读(8) 评论(0) 推荐(0) 编辑
摘要:集成Prettier 目前我们所学习的两个工具:Pretter 和 ESLint,两者都有管理代码风格的功能,因此两者往往就会在代码风格的管理上面存在一些冲突。 例如举一个例子: ESLint 配置了单引号规则 Prettier 配置了要使用双引号 那么现在假设你使用双引号,ESLint 会提示错误 阅读全文
posted @ 2025-01-21 13:41 Zhentiw 阅读(18) 评论(0) 推荐(0) 编辑
摘要:自定义ESLint插件 ESLint插件主要是用来扩展ESLint本身没有的功能,这里包括扩展规则、扩展配置、扩展解析器。 90%的ESLint插件都是以扩展规则为主,所以这些插件里面会包含大量的自定义规则。 像这一类的插件,一般一条规则会对应一个 JS 文件,JS 文件里面需要导出一个对象: mo 阅读全文
posted @ 2025-01-21 13:14 Zhentiw 阅读(23) 评论(0) 推荐(0) 编辑
摘要:SWC SWC 英文全称为 Speedy Web Compiler,翻译成中文为“快速网页编译器”。 官网地址:https://swc.rs/ 来看一下官方的介绍: SWC is an extensible Rust-based platform for the next generation of 阅读全文
posted @ 2025-01-20 10:13 Zhentiw 阅读(12) 评论(0) 推荐(0) 编辑

1 2 3 4 5 ··· 9 下一页
点击右上角即可分享
微信分享提示