由于我自己一直在维护着一个脚手架，也看到了很多脚手架的教程，但是基本都存在一个问题，都是需要执行 -g 这个命令来全局安装再进行使用的。 先不说包的大小如何，我使用这个脚手架，就是单纯用来安装一个项目

webpack的构建速度是否可以再快一点。 构建的包的大小能否更小。 本文将介绍如何分析包体以及构建速度，并通过分析一步步将项目变小构建变快。

压缩项目打包后的体积大小、提升打包速度，是前端性能优化中非常重要的环节，笔者结合工作中的实践总结，梳理出一些常规且有效的性能优化建议

这是我参与2022首次更文挑战的第3天，活动详情查看：2022首次更文挑战」。 monorepo可以使用lerna,也可以使用更简洁的yarn、pnpm,但是pnpm相对于yarn包管理机制更加强大完

现存微前端方案在适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、vite 框架支持、应用共享等用户核心诉求都或存在问题，或无法支持，需要一种更加完美的解决方案。

前言 在前端项目开发中，我们可以启动 devserver 管理静态资源服务，但是发布线上后要保证稳定，一般会选择一个高效能 + 稳定的静态服务器来管理前端资源。 作为前端工程化的关键一环节，这一篇我们

2019年，距离es6正式发布已经过去了4年多了，es6给我们带来了许多新特性，包括全新的JavaScript模块系统（ESM），它可以直接在浏览器运行。但一般我们开发项目，还是要引入Browserify和Webpack等打包工具进行打包，诚然，这些打包工具可以给项目带来很多好…

在vue项目开发中，我们会将经常用到的逻辑或模块抽象成组件，对于那些多个项目都有用到的组件，可以考虑封装成组件库，发布到npm。每次要到只需要npm install xx一下，就不用来回拷贝了。下面我们就从0开始来打包一个vue组件库。 组件在使用之前都需要注册组件，注册组件可…

上篇文章中介绍了如何从 0 到 1 搭建一个 React 组件库架子，但为了一两个组件去搭建组件库未免显得大材小用。 这次以移动端常见的一个组件 Popup 为例，以最方便快捷的形式发布一个流程完整的 npm 包。 如果对你有所帮助，欢迎点赞 Star 以及 PR。 如果有所错…