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'的错误,可以参考上一篇文章