下载: 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');} 相当于懒加载,代码执行的对应行数才进行加载。
网友评论