React的创建和引入文件

下载: npm i -g create-react-app
使用：
运行：yarn start

启动文件：index.js
import Test1 from './test1.js';
import {num1, num2} from './test2.js';
import * as obj from './test3.js';

console.log('默认导入', Test1);
console.log('按需导入', num1, num2);
console.log(obj);

tes1.js
export default '默认导出';
test2.js
const num1 = 1;
export {num1};
export const num2 = 2;
test3.js
export const age = 11;
const name = 'John';
export { name };
export default 'default';

默认导入：import Test1 from './test1.js';
默认导出：export default 'xxx'

按需导入
按需导出
全部导入

import和require
import 属于加载前置的机制，因此将其全放在代码的顶部，代码解析逐个import获取一个引入的列表，先引入以来再向下执行代码

require if(true) { let querystring = require('querystring');} 相当于懒加载，代码执行的对应行数才进行加载。