美文网首页前端大讲堂
用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