webpack1--安裝與初始化


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 文件內容如下:

image.png

 

感謝閱讀~~


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM