webpack
1.X文檔地址http://webpack.github.io/docs/
2.X文檔地址https://webpack.js.org/
將webpack安裝成為全局包 npm install webpack -g
在cmd中曾撤，調(diào)用webpack 指令給的兩個(gè)參數(shù)椎眯，要答辯的文件路徑，要輸出的文件路徑膀值，例如 webpack main.js build.js
先安裝node.js
然后檢查node.js安裝的情況以及版本號(hào)
npm -v
[站外圖片上傳中...(image-90cdc6-1526531830452)]
npm安裝好之后桶唐，需要安裝webpack.
考慮到國(guó)內(nèi)的網(wǎng)速创橄，我們先使用淘寶的cnpm包來(lái)替代 npm 包。所以在項(xiàng)目中莽红，我們基本上使用cnpm包
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install webpack -g
下載完成，檢查一下
webpack -v
cnom install
cnpm uninstall
cnpm init
-g 將我們的包安裝成為我們的全局
創(chuàng)建一個(gè)main.js調(diào)用 calc.js中函數(shù)。之后使用webpack進(jìn)行打包安吁。
打包只需要對(duì)main.js進(jìn)行打包即可醉蚁，因?yàn)橄到y(tǒng)會(huì)自動(dòng)將調(diào)用的js文件也一起打包
首先，先進(jìn)入到文件存放的目錄中
webpack <被打包的js文件名稱> <打包生成的js文件名稱>
webpack main.js build.js
[站外圖片上傳中...(image-2d9030-1526531830452)]
webpack.config.js這是webpack默認(rèn)的配置文件鬼店，只需要在cmd上執(zhí)行webpack就會(huì)自動(dòng)去查找webpack.config.js中的內(nèi)容進(jìn)行相關(guān)的打包操作网棍。
modules.exports = {
entry:'./main.js'//webpack要打包的原文件
output:{
filename:'build.js'//打包以后輸出的文件名
}
}
在cmd中打開目標(biāo)文件目錄
webpack
