import和require区别

1. 写法不一致

exports/require写法

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

import/export写法

import fs from 'fs'
import {default as fs} from 'fs'
import * as fs from 'fs'
import {readFile} from 'fs'
import {readFile as read} from 'fs'
import fs, {readFile} from 'fs'

export default fs
export const fs
export function readFile
export {readFile, read}
export * from 'fs'

2. require/exports 是运行时动态加载，import/export 是静态编译

import静态编译，import的地址不能通过计算
require就可以，例如 const url = “a” + “b”;
Import url 直接报错了
require(url)不会报错

component:resove => require([’@/components/home’],resolve)
const test1 = ()=>import(’@/components/test1.vue’)
const List = resolve =>{ require.ensuire([],()=>{ resolve(require(’./list’)) },‘componentName’) }