es6中import
模块js使用export命令输出变量
// 设置变量暴露
var test = 'Michael';
export {
test
}
es6中的import
//普通引入:
import fs from 'fs' //引入整个fs模块
var test = fs.star(....) //调用fs模块中的star方法
//结构赋值
import { stat,readFile } from 'fs' //引入fs模块中的stat,readFile方法,其余不引入
var test = star(....) //调用fs模块中的star方法
CommonJs require
CommonJs规范靠exports.xx = xx或module.exports = { xx }暴露导出模块。
靠var xx = require('...')或var { stat, exists, readFile } = require('fs');引入模块
//暴露
var test = 1;
module.exports = {
test
}
//普通引入
var fs = require('fs') //引入整个fs模块
var test = fs.star(....) //调用fs模块中的star方法
//结构赋值
var { stat,readFile } = require('fs') //引入fs模块中的stat,readFile方法,其余不引入
var test = star(....) //调用fs模块中的star方法
区别
CommonJs规范的引入require('xx')是“运行时加载”
而es6的import ... form ...
是按需引入,编译过程按照import
命令来选择编译