在 babel7 中，已经废弃了之前的阶段性提案，现在统一使用 @babel/preset-env。所以呢，这里倒是省去了一些麻烦。在 webpack 配置中 preset-env 配合 babel-loader 就可以转换 ES2015+ 语法了。同时，官方建议我…

babel是javaScript编译器,主要用于将ECMAScript2015+版本的代码转化为具有兼容性的较低版本，从而让代码适用于各种环境。它的早期代码从acorn项目中fork出来，后续提供了acorn不具备的一整套的代码解析，转换，生…

现在很多开发朋友对于使用webapck、babel搭建开发环境已经不陌生，但很少去系统性的了解项目依赖。

前置知识 首先可能你需要知道打包工具是什么存在 基本的模块化演变进程 对模块化bundle有一定了解 了解babel的一些常识 对node有一定常识 常见的一些打包工具 如今最常见的模块化构建工具 应该是webpack,rollup,f…

babel 项目的 packages 里面存放了 babel 旗下的所有包，比如：babel-core。

webpack配置文件默认情况下为webpack.config.js,即用原生js语法书写的配置文件。

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

当babel帮我们编译了es6语法之后，常常还会遇到了这样的错误提示，比如我们在项目中运用了async/await。这时我们就需要@babel/polyfill为我们在全局去注入这些ES6+的变量（或者属性/方法）。

在前端的发展过程中，javascript的兼容性，一直是前端头痛的问题，在以前的一些有些项目中，为解决浏览器兼容而花费的时间甚至还要多余实际的业务逻辑开发时间，babel就是其中处理兼容的转译工具（或者叫平台）。

webpack 核心概念: Entry: 入口 Module:模块，webpack中一切皆是模块 Chunk:代码库，一个chunk由十多个模块组合而成，用于代码合并与分割 Loader:模块转换器，用于把模块原内容按照需求转换成新内容 Plugin:扩展…