03 webpack babel 对js处理

前面我们已经对 css 图片 等处理过了，但还没处理js文件，webpack会对js文件打包，但不会对代码处理，例如es6+转为es5

Babel是一个工具链，主要用于旧浏览器或者环境中将ECMAScript 2015+代码转换为向后兼容版本的 JavaScript； 包括：语法转换、源代码转换等

Babel命令行使用

babel本身可以作为一个独立的工具（和postcss一样），不和webpack等构建工具配置来单独使用

 Babel的底层原理

 在webpack中使用

npm install babel-loader @babel/core     

 babel-preset

如果我们一个个去安装使用插件，那么需要手动来管理大量的babel插件，我们可以直接给webpack提供一个 preset，webpack会根据我们的预设来加载对应的插件列表，并且将其传递给babel

npm install @babel/preset-env

 babel.config.js

我们可以将babel的配置信息放到一个独立的文件中，babel给我们提供了两种配置文件的编写： babel.config.json（或者.js，.cjs，.mjs）（推荐）； .babelrc.json（.babelrc，.js，.cjs，.mjs）

 单独抽离出来，webpack中只需要 配置一个test loader