ES6打包

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

npm init --yes
npm i babel-cli babel-preset-env browserify -D
npx babel src/js -d dist/js --presets=babel-preset-env

② 打包

npx browserify dist/js/app.js -o dist/bundle.js

③ 项目结构

注意：

使用 npx 是因为babel不是全局安装，如果全局安装则使用npm
src目录下的是需要被打包的目录，dist目录下的是打包之后的目录
这里使用的是browserify打包工具，而不是webpack。因为webpack比较重量级适合于项目，且需要配置