ES6模块化

标签：导出   name   env   min   star   OLE   targe   get   default   

nodejs中通过babel体验ES6模块化

1. 安装babel
   npm install --save-dev @babel/core @babel/cli @babel/preset-env @babel/node
2. 安装babel，polyfill
   npm install --save @babel/polyfill
3. 项目根目录配置babel.config.js

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

4. 通过 npx babel-node index.js,运行js

ES6模块化语法

1. 默认导出，默认导入
   m1.js

export default {
      a,
      b,
      c
}

2. 默认导入
   main.js

import m1 from ‘./m1‘;
console.log(m1); // {a,b,c}

3. 按需导入、导出

• 导出： export let s1 = 10
• 导入：import {s1} from ‘./m1.js‘

同时使用：

export let name = ‘admin‘

export default {
    a,
    b,
    show
}

import m1,{name} from "./m1.js"
console.log(m1)

ES6模块化

标签：导出   name   env   min   star   OLE   targe   get   default   

原文地址：https://www.cnblogs.com/zhuxiang1633/p/13701026.html