babel

node.js的模块化–babel的安装和使用

在node.js和npm环境下加粗样式

1 .安装babel
1 在目标文件位置打开终端，输入命令：npm install --save-dev @babel/core @babel/cli @babel/preset-env @babel/node
2 安装完毕之后，再次输入命令安装：npm install --save @babel/polyfill

2.创建babel.config.js
1 在项目目录中创建babel.config.js文件。
编辑js文件中的代码如下：

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

3.创建index.js文件
1.index.js文件作为入口文件，与babel.config.js同级
2 在index.js中输入需要执行的js代码（导入导出模块）

4 使用npx执行文件
1 打开终端，输入命令：npx babel-node ./index.js
2 可以看到的执行代码

5 导入导出
1 设置默认导入/导出
A.默认导出

export default {
    a
},如下：
let num = 100;
//在一个模块中，只允许使用export default向外默认暴露一次成员
export default{
    num
}

B.默认导入
import 接收名称 from “模块标识符”，如下：

 import m1 from './m1.js'

2 设置按需导入/导出
A.按需导出
直接导出需要的数据，可多次

 	export let num = 998;
    export let myName = "jack";
    export function fn = function(){ console.log("fn") }

B.按需导入

import { num,fn ,myName } from "./m1.js"

一个模块中既可以按需导入也可以默认导入，一个模块中既可以按需导出也可以默认导出，互不影响

3.直接导入并执行代码
直接import “模块标识符”;