Node 中通过 babel 体验 ES6 模块化

Node 中默认支持 CommonJS 这个服务器端模块化规范,但是对 ES6 的模块化支持并不是太友好,所以需要通过 babel 这个第三方插件在 Node 中来体验高级的 ES6 特性,

babel 相当于一个语法转换工具,可以把高级的、有兼容性的 Javascript 代码转换成为低级的、没有兼容性的 Javascript 代码

如何在 Node 中配置 babel

  1. 依次安装 babel 相关依赖包,如下
npm install --save-dev @babel/core @babel/cli @babel/preset-env @babel/node   
npm install --save @babel/polyfill
  1. 在项目的根目录下创建一个命名为 babel.config.js 的配置文件,其内容如下
const presets = [
    ["@babel/env",
      {
        targets: {
          edge: "17",
          firefox: "60",
          chrome: "67",
          safari: "11.1",
        },
        useBuiltIns: "usage",
      }],
  ];
  
module.exports = { presets };
  1. 最后在终端执行如下命令,执行代码
npx babel-node index.js 

其中 npx 是在 高版本的 npm 中就默认提供了,可直接通过 npx 来执行某些命令
index.js 是指要运行的文件,如果文件中还没有 index.js ,就新建 index.js,跟 babel.config.js 同级

posted @ 2019-11-20 17:17  木子蔻  阅读(1258)  评论(0编辑  收藏  举报