首页 > 其他 > 详细

Node 中通过 babel 体验 ES6 模块化

时间:2019-11-20 17:32:45      阅读:94      评论:0      收藏:0      [点我收藏+]

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 同级

Node 中通过 babel 体验 ES6 模块化

原文:https://www.cnblogs.com/-muzi/p/11899055.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!