require和import的使用

require和import區別

require和import的使用

require的使用

// const.js
module.exports = {
  a : function() {},
  b : 'xxx'
};

// test.js
const nodeFun = require('./const.js')
nodeFun.a()
console.log(nodeFun.b)

import的使用

// const.js(導出模塊)
export const aaa = () => {console.log('aaaa')}
const bbb = () => {console.log('bbbb')}
export default bbb

// test.vue（引入模塊）
import { aaa } from './const.js'
import bbb from './const.js'
import *as fun from './const.js'
aaa()// aaaa
bbb()// bbbb
fun.aaa()// aaaa
fun.bbb()// 報錯

//as導入解決方法重名問題
// test.js
export const aaa = () => {console.log('test-aaa')}

// test.vue
import *as fun1 from './const.js'
import *as fun2 from './test.js'

fun1.aaa()// aaaa
fun2.aaa()// test-aaa