webpack4安装babel

1. 第一步安装

npm install -D babel-loader @babel/core @babel/preset-env webpack

• babel 在每个文件都插入了辅助代码，使代码体积过大，下面的配置禁用了 babel 自动对每个文件的 runtime 注入，而是引入 babel-plugin-transform-runtime 并且使所有辅助代码从这里引用。

npm install --save-dev @babel/plugin-transform-runtime

• 使用 npm install babel-runtime --save 把 babel-runtime 安装为babel-plugin-transform-runtime的一个依赖。

npm install --save @babel/runtime

• 遇到下面的报错 Support for the experimental syntax 'classProperties' isn't currently enabled

.....\src\main.js: Support for the experimental syntax 'classProperties' isn't currently enabled (8:15):

   6 | class Person {
   7 |
>  8 |   static info = { name: 'zs', age: 20 }
     |               ^
   9 | }
  10 |
  11 |

这是因为在js中写了高级语法,浏览器不支持