ES5和ES6的模組化匯入匯出

//不接收物件 

require:
require
('s.css');
//(es5)
improt 's.css'
//(es6)
//接收物件
var o =
require
('s.js');
//es(5)
import o form s.js //(es6)

匯出乙個模組物件（es5）:

module.exports=
匯出乙個模組物件（es6）:
module.exports=
注意：這種寫法屬性名和屬性值變數是同乙個，否則要分開寫
module.exprots=

//es5

module.exports=
}//es6
module.exports=
}

calc.js中有兩個函式：

function add()
function sub()
//寫法一
es5寫法:
module.exports.
add=
add;
module.exports.sub = sub;
使用：var calc =
require
('./calc.js');
es6寫法:
exprot function add()
exprot function sub()
//寫法二
es5:
module.exports =
;es6:
exprot default
//表示取得calc.js中所有暴露出來的物件(es6)
import calc from
'./calc.js'
//只獲取到calc.js中的add方法(按需獲取)
import 
from
'./calc.js'

1、如果模組中是使用 export default

方式匯出的物件
只能通過 import 物件名稱 from
'模組路徑'
不能通過 import 
from
'模組路徑'
2、如果就想要import 
from
'模組路徑'通過這種方式來按需匯入物件中的某個屬性
那麼應該使用 export 跟著要匯出的物件或者方法名稱
export function add()
export function substrct()
那麼就可以使用：
import 
from
'模組路徑'
只需要直接使用 add
()方法即可
注意這裡不能直接使用： import cacl from
'模組路徑' 這種方式匯入，會報錯

es模組化匯入匯出

在es6中每乙個模組即是乙個檔案，在檔案中定義的變數，函式，物件在外部是無法獲取的。如果你希望外部可以讀取模組當中的內容，就必須使用export來對其進行暴露 輸出 先來看個例子，來對乙個變數進行模組化。我們先來建立乙個test.js檔案，來對這乙個變數進行輸出 export let myname ...

es6模組匯入匯出

如何在 webpack 構建的專案中，使用 vue 進行開發 複習 在普通網頁中如何使用vue 1.使用 script 標籤 引入 vue 的包 3.通過 new vue 得到乙個 vm 的例項 在webpack 中嘗試使用 vue 注意 在 webpack 中，使用 import vue from...

es6 的模組化

這個是需要複習下的，否則後面的react vue 就理解不清晰了 我覺得js 很牛，為啥，因為前後端都是js 這樣結合起來，很順暢 而且node 作為後端，搭建輕量級伺服器，很是好用，寫個介面絲毫沒有任何問題 後面的基本三大塊，1，node express koa 2,三大框架，react vue ...