webpack常用命令

npm?install webpack -g ? // 全局安裝webpack

npm install webpack --save-dev 或npm install webpack@ --save-dev?//本地安裝webpack,即下載webpack插件到node_modules 并在package.json文件中加上webpack的配置內(nèi)容(當(dāng)你在本地安裝 webpack 后，你能夠從?node_modules/.bin/webpack?訪問(wèn)它的 bin 版本)

npm?init -y ??//初始化默認(rèn)的package.json文件

npm?install {whatever}-loader ?--save-dev ? //安裝loader并將該loader配置到package.json文件中

webpack ? ?//對(duì)項(xiàng)目進(jìn)行打包

webpack???--watch???// 自動(dòng)監(jiān)控文件的改變

webpack??--display-modules ?//打包時(shí)顯示隱藏的模塊

webpack--display-chunks ? //打包時(shí)顯示chunks

webpack?--display-error-details?//顯示詳細(xì)錯(cuò)誤信息

webpack -w #提供watch方法，實(shí)時(shí)進(jìn)行打包更新

webpack -p #對(duì)打包后的文件進(jìn)行壓縮

webpack -d #提供SourceMaps，方便調(diào)試

webpack --colors #輸出結(jié)果帶彩色，比如：會(huì)用紅色顯示耗時(shí)較長(zhǎng)的步驟

webpack --profile #輸出性能數(shù)據(jù)，可以看到每一步的耗時(shí)