ES6学习（16）Babel对ES6模块化代码转换
作者:
哆啦C梦的百宝箱 | 来源:发表于
2022-05-20 17:30 被阅读0次
- Babel概述：
- Babel 是一个 JavaScript 编译器；
- Babel 能够将新的ES规范语法转换成ES5的语法；
- 因为不是所有的浏览器都支持最新的ES规范，所以，一般项目中都
- 需要使用Babel进行转换；
- 步骤：使用Babel转换JS代码——打包成一个文件——使用时引入即可；
- 步骤
- 第一步：安装工具babel-cli（命令行工具） babel-preset-env（ES转换工具） browserify（打包工具，
项目中使用的是webpack）；
- 第二步：初始化项目
npm init
npm i babel-cli babel-preset-env browserify -D
npx babel js（js目录） -d dist/js（转化后的js目录） --presets=babel-preset-env
npx browserify dist/js/app.js -o dist/bundle.js
<script src="./js/bundle.js" type="module"></script>
- npx
npx详细使用 - 简书 (jianshu.com)
本文标题：ES6学习（16）Babel对ES6模块化代码转换
本文链接：https://www.haomeiwen.com/subject/eowlurtx.html
网友评论