typescript+nodejs开发环境搭建内涵typescript + nodejs + git + eSLint + prettier + koa

【脚手架】从0到1搭建React18+TS4.x+Webpack5项目，主技术栈：webpack5 + React18 + TS4.x + React-Router6.x

看完本文你将学习到如下知识： 远程组件定义 UMD 模块规范 远程组件加载方案实现思路和细节 systemjs 中 System.import 的丐版实现 JS 沙箱能力丐版实现

配置好之后，运行命令，就会在根目录生成一个stats.json文件，可以查看分析结果。这种方式只是初级分析，颗粒度较大。 配置好之后，运行打包命令的时候就可以看到每个loader 和插件执行耗时。 构建完成后，会在http://127.0.0.1:8888展示相关文件大小。按照…

webpack ensure 有人称它为异步加载，也有人称为代码切割，他其实就是将 js 模块给独立导出一个.js 文件，然后使用这个模块的时候，再创建一个 script 对象，加入到 document.head 对象中，浏览器会自动帮我们发起请求，去请求这个 js 文件，然后…

一、什么是 Tree Shaking Tree-Shaking 是一种基于 ES Module 规范的 Dead Code Elimination 技术，它会在运行过程中静态分析模块之间的导入导出，确

本项目采用 vue + qiankun 实践微前端落地。 同时qiankun是一个开放式微前端架构，支持当前三大前端框架甚至jq等其他项目无缝接入。 实际项目应用可不要如此粗暴，要有优雅的架构设计。 微前端是什么、为什么要做微前端、qiankun是什么这些笔者将不再叙述。（文末…

qiankun 是蚂蚁金服开源的一套完整的微前端解决方案。具体描述可查看 文档 和 Github。 但是在实际的开发过程中，并非如此简单，同时还存在应用间跳转、应用间通信等问题。 代码、文章 持续更新中...

之前就有用过 npx 安装过一些依赖，但是一直没时间看看 npx 和 npm 到底有什么区别。 npm（node package manager）是我们用于 node.js 包管理的工具，在现在前端开发的环境下，我们会经常使用到这个命令来管理和发布自己的包。 在正常情况下，我们…