提到前端打包工具，毫无疑问想先到的是webpack。但是前端发展地很快，时不时会有新东西出现，打包工具这边之前也出现parcel和rollup。各种工具的碰撞，相互汲取优点，促进技术的发展。 webpack4中支持了零配置的特性，同时对块打包也做了优化，CommonsChunk…

随着前端复杂度的不断提升，诞生出很多打包工具，比如最先的grunt，gulp。到后来的webpack和Parcel。但是目前很多脚手架工具，比如vue-cli已经帮我们集成了一些构建工具的使用。有的时候我们可能并不知道其内部的实现原理。其实了解这些工具的工作方式可以帮助我们更好…

自从使用了 es6 的模块系统后，各种地方愉快地使用 import export default，但也会在老项目中看到使用commonjs规范的 require module.exports。甚至有时候也会常常看到两者互用的场景。使用没有问题，但其中的关联与区别不得其解，使用起…

通过两个具体场景来介绍如何配置多入口工程

什么？你说你没用他的包，那你真应该去翻翻你们公司项目的直接或间接依赖。在 Discover your ranking on GitHub 中可以看到 Discover your ranking on GitHub 关于 JavaScript 的排名，世界第13： 而排名高于他的…

既然标题说了是深入Babel，那我们就不说Babel各种用法了，什么babel-core，babel-runtime，babel-loader……如果你想了解这一部分内容，这类文章很多，推荐最近看到的一篇：一口(很长的)气了解 babel，可以说是相当详实完备了。 言归正传，这…

详细整理了 TypeScript 相关的资源，主要内容有：TypeScript 教程、TypeScript Starter/Boilerplate、TypeScript 设计模式、TypeScript 问答、TypeScript 中/英文书籍、TypeScript 工具/库等。

相信很多人和笔者从前一样，babel的配置都是从网上复制黏贴或者使用现成的脚手架，虽然这能够工作但还是希望大家能够知其所以然，因此本文将对babel（babel@7）的配置做一次较为完整的梳理。 上面是babel官网的一段话，可以理解为babel是基于插件架构的，假如你什么插件…