如何让浏览器支持 import 和export语法

浏览器现在都不支持import和export语法，也许有人会说用babel啊，我万能的babel啥事不能干，错了，babel只是一个翻译器， Babel默认只转换新的JavaScript句法（syntax），而不转换新的API，比如Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise等全局对象，以及一些定义在全局对象上的方法（比如Object.assign）都不会转码。

babel只是个翻译，假设a.js 里 import 了 b.js, 对a.js进行转码，只是翻译了a.js，并不会把b.js的内容给读取合并进来, 如果想在最终的某一个js里，包含 a.js，b.js 的代码，那就需要用到打包工具

安装
1，安装node
2,npm i -y

3, npm i -g webpack //全局安装 4, npm i -S-D webpack //本地安装
5，npm i -S-D webpack-cli 6，安装babel，如下，npm i -S-D ‘加上下面的名字’，并且新建立.babel文件

7,在根目录下新建webpack.config.js 配置如下

之后运行webpack即可