05 2021 档案

vscode 生成代码片段
摘要：如果您使用 vscode 编辑 Markdown，可以通过配 json 快速生成代码片段，下文以 Markdown 文件为例。 ctrl+shift+p 输入代码片段 选择 markdown.json 并加入下面的内容 { "Print to details": { "prefix": "detai 阅读全文
posted @ 2021-05-27 16:39 guangzan 阅读(415) 评论(0) 推荐(0)
Window 生成目录树文本
摘要：新建 xxx.txt 文件，输入以下内容并保存； @echo off tree /f >list_tree.txt 更改文件格式：将文件重命名为 xxx.bat； 将该文件放入目录双击执行。 阅读全文
posted @ 2021-05-25 16:38 guangzan 阅读(162) 评论(0) 推荐(1)
Vite 异步 Chunk 加载优化
摘要：在实际项目中，Rollup 通常会生成 “共用” chunk —— 被两个或以上的其他 chunk 共享的 chunk。与动态导入相结合，会很容易出现下面这种场景： 在无优化的情境下，当异步 chunk A 被导入时，浏览器将必须请求和解析 A，然后它才能弄清楚它首先需要那个共用 chunk C。这 阅读全文
posted @ 2021-05-25 09:25 guangzan 阅读(2599) 评论(0) 推荐(0)
非标准用法在 ES module下的解决方案
摘要：filename/ dirname require resolve 替代方案：import.meta.url process. env 替代方案：import.meta.env 阅读全文
posted @ 2021-05-23 15:43 guangzan 阅读(252) 评论(0) 推荐(0)
Node.js Built-Ins Define/ Mock / Shim/ Sham/ Polyfill
摘要：Define：简单的字符串替换 Mock/Sham：无实际功能的模拟 Shim/ Polyfill：模拟完整的功能 不可互相替换！ 阅读全文
posted @ 2021-05-23 15:41 guangzan 阅读(113) 评论(0) 推荐(0)
ts event 类型
摘要：function fileSelected(e: Event) { const target = e.target as HTMLInputElement const file: File = (target.files as FileList)[0] // ... } 阅读全文
posted @ 2021-05-20 18:03 guangzan 阅读(4753) 评论(3) 推荐(0)
vue cli mockjs
摘要：npm i -D mockjs 根目录新建 mock 文件夹 mock/utils.js const fs = require('fs'); const path = require('path'); module.exports = { getJsonFile:function (filePath 阅读全文
posted @ 2021-05-08 12:10 guangzan 阅读(99) 评论(0) 推荐(1)
webpack5热更新失效
摘要：开启热更新 config.devServer { + hot: true, } config.plugins [ + new webpack.HotModuleReplacementPlugin(), ] 问题描述 开启热更新后，样式和 js 都无法热更新。 原因分析 项目根目录存在 .browse 阅读全文
posted @ 2021-05-08 11:24 guangzan 阅读(1903) 评论(1) 推荐(1)
webpack4 升级到 5
摘要：1. 升级 webpack 和 webpack-cli 1.1 升级 webpack 4 至最新的可用版本。 当使用 webpack >= 4 时，升级到最新的 webpack 5 版本无需额外的操作； 如果你使用的 webpack 版本小于 4，请查阅 webpack 4 迁移指南。 npm in 阅读全文
posted @ 2021-05-07 15:56 guangzan 阅读(3705) 评论(0) 推荐(0)