摘要： 在实际项目中，Rollup 通常会生成 “共用” chunk —— 被两个或以上的其他 chunk 共享的 chunk。与动态导入相结合，会很容易出现下面这种场景： 在无优化的情境下，当异步 chunk A 被导入时，浏览器将必须请求和解析 A，然后它才能弄清楚它首先需要那个共用 chunk C。这 阅读全文

摘要： function fileSelected(e: Event) { const target = e.target as HTMLInputElement const file: File = (target.files as FileList)[0] // ... } 阅读全文

摘要： 开启热更新 config.devServer { + hot: true, } config.plugins [ + new webpack.HotModuleReplacementPlugin(), ] 问题描述 开启热更新后，样式和 js 都无法热更新。 原因分析 项目根目录存在 .browse 阅读全文

摘要： 1. 升级 webpack 和 webpack-cli 1.1 升级 webpack 4 至最新的可用版本。 当使用 webpack >= 4 时，升级到最新的 webpack 5 版本无需额外的操作； 如果你使用的 webpack 版本小于 4，请查阅 webpack 4 迁移指南。 npm in 阅读全文

摘要： 效果 使用方法 如果您使用博客园的 Markdown 编辑器，借助 HTML5 的 detail 标签就可以轻松实现。 <details> <summary>标题</summary> </details> 在 summary 标签之间填写标题 在 summary 之后加入要折叠的内容 请注意：在要折 阅读全文

摘要： 前置 本文将探究 VSCode Prettier 扩展 和 eslint 扩展在 VSCode 中的配置以及这两者对应的在项目中的配置文件的关系， VSCode ESLint 扩展配置与 eslint-loader 的相互配合，在项目中如何将 Prettier 和 ESLint 配合使用，中间还提及 阅读全文

摘要： 为什么需要 Teleport？ 以 Dialog 组件为例，通常需要在一个组件中引入 Dialog 组件。然而，有时一部分逻辑属于 Dialog 所在的组件中，从技术角度来看，最好将这一部分移动到根节点之外的位置。 另外一个问题， 当 Dialog 组件使用 position: absolute 相 阅读全文

摘要： 🤷‍♂️ 这是一个实验性技术，正如你所见，它兼容性目前糟糕。但是 Chrome 是在不断支持它的。 介绍 @property CSS 是 CSS Houdini api 的一部分，它允许开发人员显式定义 CSS 自定义属性，允许属性类型检查，设置默认值，并定义属性是否可以继承值。该规则直接在样式表 阅读全文

摘要： 编辑排版 仅仅了解 Markdown 语法还不够，知道这些 排版技巧 增色您的文章内容。 空格和空行 留白，从艺术角度上说，留白就是以“空白”为载体进而渲染出美的意境的艺术。从应用角度上说，留白更多指一种简单、安闲的理念。在 Markdown 中善于使用空格和空行使文章阅读起来更加自然。 善用空格即 阅读全文

摘要： 前置内容 CSS 自定义属性 “自定义属性”（有时候也被称作 “CSS 变量” 或者 “级联变量”）是由 CSS 作者定义的。声明变量时，变量名前要加上 --，例如 --example: 20px 即是一个 CSS 自定义属性的声明语句。意思是将 20px 赋值给自定义变量 --example。在 阅读全文