美文网首页前端大讲堂
用Babel7打造支持ES6+的Node环境

用Babel7打造支持ES6+的Node环境

作者: 前端大课堂 | 来源:发表于2019-04-15 09:36 被阅读0次

有时候需要一个环境去运行我们的样例代码,如果用 jsfiddle / jsrun 还是有些不方便,需要国际上网并且还有些慢。 

本文主要是用最新的 babel7,打造一个可以执行 ES2015 / ES2016 及以上的环境。 

cnpm init -y 

新起一个 node-playground 的项目。 

cnpm install --save-dev @babel/cli @babel/core @babel/node @babel/register @babel/preset-env

新建一个文件 ./src/index.js 

node ./src/index.js 会报错。 unexpected token "="。 

在项目的根目录新建 .babelrc 文件  

这里还要装 cnpm i @babel/plugin-proposal-class-properties -S 因为用了新特性 class-properties  

npx babel-node ./src/index.js 

至于 npx 是什么,可以参考我以前的文章《npx 是什么》

相关文章

网友评论

    本文标题:用Babel7打造支持ES6+的Node环境

    本文链接:https://www.haomeiwen.com/subject/juiswqtx.html