import为es6语法,需要babel来处理才能使用,如果单独使用,只能使用require
定义export
单个接口定义,使用export default object,使用import导入,导入的名称可以不和export同名
// ----- myFunc.js ------- export default function(){ }; // ------ main.js -------- import myFunc from 'myFunc'; myFunc();
导入js文件,可以不要后缀,其它如jsx文件,需要加上后缀
如果要导出多个接口,必须指出导出的名称
const Test = React.createClass({ render() { return <h1>Test!!</h1>; } }); const Test1 = React.createClass({ render() { return <h1>Test--1!!</h1>; } }); const Test2 = React.createClass({ render() { return <h1>Test--2!!</h1>; } }); export { Test1,Test1 }; export default Test;
import导入,默认的名称可以随意,但其它接口,必须与export一致
import abc,{Test1,Test2} from "lib";
一次全部导入
import * as lib grom 'lib'; console.log( lib.square( 11 ) ); // 121 console.log( lib.diag( 4, 3 ) ); // 5
commonJS格式
module.exports = {foo:'hello'} 导出,使用var mymodule = require('./MyModule.js');来导入