瞎扯

现在的前端框架,思想基本都是模块化,
import和require都是被模块化用到的。
但具体的区别还是有点懵.

遵循规范

• require 是 AMD规范引入方式
• import是es6的一个语法标准，如果要兼容浏览器的话必须转化成es5的语法,必须和exports搭配使用

调用时间

• require是运行时调用
• import是编译时调用,

本质

• require是赋值过程，其实require的结果就是对象、数字、字符串、函数等，再把require的结果赋值给某个变量
• import是解构过程，但是目前所有的引擎都还没有实现import，我们在node中使用babel支持ES6，也仅仅是将ES6转码为ES5再执行，import语法会被转码为require

区别:

如图,config文件的内容.

var config = require('../config') ;// 正确,可以引用
// import config from '../config' // 编辑报错.

使用require正常,使用improt报错.为什么?
因为没有exports.

require / exports :(运行时导入)
运行时确定模块的依赖关系,无法进行静态优化。
用法只有以下三种简单的写法：

const js= require('js')
exports.fs = js
module.exports = js

import / export：(编译时生成require)
编译时静态分析
写法就比较多种多样：

import js from 'js'
import {default as js} from 'js'
import * as js from 'js'
import {login} from 'js'
import {a as login} from 'js'
import js, {login} from 'js'

export default js
export const js
export function login
export {login}
export * from 'js'

1. 通过require引入基础数据类型时，属于复制该变量。
2. 通过require引入复杂数据类型时，数据浅拷贝该对象。
3. 出现模块之间的循环引用时，会输出已经执行的模块，而未执行的模块不输出（比较复杂）
4. CommonJS模块默认export的是一个对象，即使导出的是基础数据类型