大家在做前端项目时，肯定经常用npm run dev这个命令来启动本地开发服务器吧？但你有没有想过，当我们输入这行命令后，背后到底发生了什么呢？ 从package.json说起 在我们项目的packa

通过手写实现了一个 Vue3 组件是如何从诞生到渲染到页面上的整个过程，再深入理解 Vue3 全局组件和局部组件的实现原理及插件的实现原理，从而理解 Vue3 组件库的设计和实现原理。

组件在前端开发中越来越重要了，开发者更细分、聚焦于组件层面的开发，然后像搭积木一样完成应用功能。组件库可以统一管理组件，输出文档，能提升组件复用性、避免重复造轮子。赶快搭建自己的组件库吧，这瓜保甜！

webpack 打包优化并没有什么固定的模式，一般我们常见的优化就是拆包、分块、压缩等，并不是对每一个项目都适用，针对于特定项目，需要不断调试不断优化。 对于 webpack4，建议从零开始配置，在项目初期，使用 webpack4 默认的配置。 接下来，本篇文章会列出所有适用于…

近期一直在看webpack4的文档，于是给自己做了这个总结，对比一下生产环境和开发环境的区别。 在项目开发过程中，我们关注的是能否追溯到代码的错误来源，能够及时刷新页面让我们看到代码的实际效果，因此webpack针对开发特点提供了几个插件。 source-map有多种使用方式，…

背景 webpack5出现也一年了，也该升级一下了 网上资料一通找，一堆升级教程，照着做，开始... 各种坑 开始勤劳的的填坑 开始 vue-loader问题 注意 vue-loader不同的版本是对

1、Tree Shaking 作用： 如果我们的项目中引入了 lodash 包，但是我只有了其中的一个方法。其他没有用到的方法是不是冗余的？此时 tree-shaking 就可以把没有用的那些东西剔除

我们经常使用 npm 安装前端的组件包，那我们能不能发布自己的包呢？在开源的世界，这个答案是肯定的。 本文带你了解前端 npm 包的开发与发布，来一起发布你的 npm 吧。

下面是公司搭建的真实项目开发环境我提炼出来比较重要的一些知识点作为内部技术分享。 打包成功后，会在项目的根目录自动创建一个 dist 文件夹，里面的 main.js 文件就是我们打包后的文件。 注意：若不想将配置写在配置文件中，可在项目根目录创建 babel.config.js…