VScode前端模块化之babel的使用

1.新建文件夹moudelDemo并进行init，创建文件夹src，里面包含两个文件

2.01.js中两个函数

3.02.js中调用两个函数

4.运行报错原因

1.node不能执行ES6的模块化，需要把ES6的模块化通过babel转化成ES5的模块化才能执行

5.下载babel转码器

下载babel

npm install -g babel-cli

查看是否安装成功

babel --version

 

6.配置.babelrc（记得保存）

{

"presets": ["es2015"],

"plugins": []

}

7.安装es2015转码器 

npm install -D babel-preset-es2015

安装成功 

 

8.转码

# 整个目录转码

# --out-dir 或 -d 参数指定输出目录

#src   ES6需要转码目录

#dist   转码到的目录

babel src -d dist

9.运行成功

10.补充

01.js

exportfunction getList() {

console.log('获取讲师列表2')

}

exportfunction save() {

console.log('保存讲师2')

}

02.js 

import {getList, save} from"./01.js"

getList()

save()