- A+
Babel is a JavaScript compiler.
对于前端来说ES2015,ES2016,TypeScript这些已经不再是陌生的名词,不然就得好好补补课了。
但是这些还没有完全被浏览器所支持,所以Babel就是一个将ES2015,ES2016,TypeScript编译成浏览器可以完美运行的ES5语法的工具。下面说说Babel的安装和使用:
1.安装好nodejs和npm,安装过程略。
通过node -v 和 npm -v 来检查是否安装成功。
2.安装Babel(我在单独项目里进行安装,没有全局安装,因为在项目里安装了,打包给别人,别人只要有node环境就可以直接运行,不需要再安装Babel,当然要视情况而定。)
在命令行工具进入项目根目录
执行命令 npm init -f ,然后会在项目根目录里生成一个基础的package.json文件
执行命令npm install --save-dev @babel/cli @babel/core @babel/preset-env 即可安装babel
npm list可以查看安装的依赖
babel-preset-env 这个插件包含了babel-preset-es2015、babel-preset-es2016、babel-preset-stag等,不包括babel-polyfill、babel-react
配置Babel
在package.json里面添加两项:
"scripts": { "build": "babel js/main.js --out-file js/es5.js" }, "babel": { "presets": ["env"] }
"build": "babel js/main.js --out-file js/es5.js" 这段意思是用babel编译js/main.js这个文件 并将编译后的文件输出到js/es5.js这个文件,在项目中就可以引入es5.js这个文件。
