Babel 实现ES6 的模块化转换

1. 安装工具 babel-cli babel-preset-env browserify(webpack)

https://www.babeljs.cn/这是Babel的中文官网，感兴趣的小伙伴可以浏览一下

通过命令行来安装

1.初始化操作：npm init --yes

2.下载安装：npm i babel-cli babel-preset-env browserify -D

2.转换 

因为我这里是使用的局部安装，如果你使用的全局安装在这里可以直接使用babel命令

npx babel js(这是你需要转换的文件的目录） -d dist/js（这个是转换完成后存放的目录）

3.打包

通过该命令实现：npx browserify dist/js/app.js -o dist/js/bundle.js

-o 前面是需要打包的文件

-o后面是打包后存放的位置和生成的文件名

如果遇到'import' and 'export' may appear only with 'sourceType: module'的错误，可以参考上一篇文章