ES6学习(16)Babel对ES6模块化代码转换
2022-05-20 本文已影响0人
哆啦C梦的百宝箱
- Babel概述:
- Babel 是一个 JavaScript 编译器;
- Babel 能够将新的ES规范语法转换成ES5的语法;
- 因为不是所有的浏览器都支持最新的ES规范,所以,一般项目中都
- 需要使用Babel进行转换;
- 步骤:使用Babel转换JS代码——打包成一个文件——使用时引入即可;
- 步骤
- 第一步:安装工具babel-cli(命令行工具) babel-preset-env(ES转换工具) browserify(打包工具,
项目中使用的是webpack); - 第二步:初始化项目
- 第一步:安装工具babel-cli(命令行工具) babel-preset-env(ES转换工具) browserify(打包工具,
npm init
- 第三步:安装
npm i babel-cli babel-preset-env browserify -D
- 第四步:使用babel转换
npx babel js(js目录) -d dist/js(转化后的js目录) --presets=babel-preset-env
- 第五步:打包
npx browserify dist/js/app.js -o dist/bundle.js
- 第六步:在使用时引入bundle.js
<script src="./js/bundle.js" type="module"></script>
- npx