本文探讨了 devDependencies 实际可能被打包进前端构建产物的问题。通过一个 Vite 项目示例，指出打包工具并不依据依赖类型区分是否打包，而是根据代码引用决定产物内容。

如果你写 JavaScript / TypeScript / Node / 前端框架时，一天能敲几十条 console.log，却还在 DevTools 和编辑器之间疯狂切窗口！

在前端开发圈，JavaScript（简称JS）几乎无处不在。但你有没有发现，越来越多的大型项目和团队都在用 TypeScript（简称TS）？明明 JS 已经这么强大，为什么还要多此一举用 TS 呢？

开发者必看！5个VSCode隐藏技巧让你的编码效率提升200% 🚀

webpack是一个打包模块化JavaScript的工具，它会从入口模块出发，识别出源码中的模块化导入语句，递归地找出入口文件的所有依赖，将入口和其所有的依赖打包到一个单独的文件中。什么是loader

在这篇文章中，我们会使用 TypeScript, TSLint, Prettier, Jest 等构建并发布一个 NPM TypeScript 包。下面将会是我们要构建的： 下载 Node.js 和 NPM。 选一个好的包名。包名必须是 pascal-case 并且全部小写。因…

Tree-Shaking这个名词，很多前端coder已经耳熟能详了，它代表的大意就是删除没用到的代码。这样的功能对于构建大型应用时是非常好的，因为日常开发经常需要引用各种库。但大多时候仅仅使用了这些库的某些部分，并非需要全部，此时Tree-Shaking如果能帮助我们删除掉没有…

我第一次打开搜索引擎查询关于 Babel 的资料时，出现的竟然是关于 Babel 的传说。后来我花了小一天的时间去了解这个传说（来自《旧约圣经》）。 了解完这个神话之后，我后面就好好的去了解了一些有关 Babel 的知识，下面就是正题。 我们知道各个浏览器对 JavaScrip…

P6 前端必备脚手架 /CI 构建能力，顺着怪怪的思路往下看，然后获取文章末尾的源码，跟着源码操作一遍，就是一个完整的前端脚手架构建、发布、部署工程化项目。 下图中左边部分的项目初始化、模板拉取、项目运行部分，在《大前端进阶 Node.js》系列 P6 必备脚手架/CI 构建能…