webpack可用於打包所有的腳本,圖片,樣式表及其他資源。
今天來講一下如何安裝webpack 及 創建package.json。webpack依賴於npm和 node,所以本文是假設你已安裝好了node 和 npm 的情況下進行的。
npm 安裝包可分為 全局安裝 和 局部安裝。
全局安裝的命令為:npm i *** -g
局部安裝的命令為:
npm i *** -D (-D 等價於 --save-dev,安裝到開發環境,表示devDependencies )
或者
npm i *** --S (-S 等價於 --save,安裝到發布環境,表示dependencies )
devDependencies是只會在開發環境下依賴的模塊,生產環境不會被打入包內。
而dependencies依賴的包不僅開發環境能使用,生產環境也能使用。
上面的***表示你要安裝的npm包的名字。
國內訪問npm可能比較慢,建議使用淘寶鏡像。淘寶鏡像傳送門>>
准備工作已完畢。下面直接說webpack了。
1.安裝webpack 和 webpack-cli(建議局部安裝)
全局安裝:
npm install -g webpack npm install -g webpack-cli
局部安裝,在你當前文件夾目錄下執行下面命令:
npm install --save-dev webpack npm install --save-dev webpack-cli
安裝完成可通過下面語句查看版本號:
node_modules/.bin/webpack -v
卸載webpack查看:https://segmentfault.com/q/1010000015200625
2.初始化生成package.json
執行下面命令:
npm init -y
package.json 文件內容如下:

感謝閱讀~~
