Node.js中通过babel体验ES6模块化

文章目录

    • 1.创建项目文件夹
    • 2.打开cmd窗口
    • 3.初始化项目
    • 4.安装依赖模块
    • 5.在项目的跟目录中创建文件并进行配置
    • 6.在根目录中创建`index.js`
    • 7.执行代码

1.创建项目文件夹

桌面——新建文件夹——取名为babel-study

2.打开cmd窗口

双击打开文件夹,将路径改为cmd
在这里插入图片描述

3.初始化项目

npm init -y

Node.js中通过babel体验ES6模块化_第1张图片
得到
Node.js中通过babel体验ES6模块化_第2张图片

4.安装依赖模块

  1. npm i -D @babel/core @babel/cli @babel/preset-env @babel/node
    这里需要等待,待安装完成
    Node.js中通过babel体验ES6模块化_第3张图片
    文件夹内会出下如下文件
    Node.js中通过babel体验ES6模块化_第4张图片
  2. npm i -S @babel/polyfill
    等待安装完成
    Node.js中通过babel体验ES6模块化_第5张图片

5.在项目的跟目录中创建文件并进行配置

Node.js中通过babel体验ES6模块化_第6张图片
进行如下配置

const presets = [
  [
    "@babel/env", 
    {
      targets: {
        edge: "17",
        firefox: "60",
        chrome: "67",
        safari: "11.1"
      }
    }
  ]
]

module.exports = {presets}

6.在根目录中创建index.js

输入测试代码

console.log("ok");

7.执行代码

npx babel-node index.js
在这里插入图片描述
输出了ok,测试成功!!!!!!!!!!!!!!!!!!!

你可能感兴趣的:(前端,nodejs,npm,es6)