天天看點

webpack指令行

  webpack提供了指令行接口(CLI),以便對建構過程進行配置和互動。這對于制定早期原型、輪廓、編寫 npm 腳本 或者一些個人自定義需求很有用。本文将詳細介紹webpack的指令行接口

【--help】

  列出指令行所有可用的配置選項

【--config】

  指定其它的配置檔案。配置檔案預設為 webpack.config.js,如果想使用其它配置檔案,可以加入這個參數

【--progress】

  列印出編譯進度的百分比值

webpack指令行

【--watch】 

  觀察檔案系統的變化

【--colors】

  開啟/關閉控制台的顔色 [預設值: (supports-color)]

【-p】

  壓縮混淆腳本

webpack指令行

【--profile】

  記錄編譯的性能資料,并且輸出。它會告訴你編譯過程中哪些步驟耗時最長,這對于優化建構的性能很有幫助

webpack指令行

  package.json檔案中有scripts字段,該字段指定了運作腳本指令的npm指令行縮寫。是以,我們可以把常用指令制作成腳本

  運作npm run w時,相當于運作webpack --progress --colors --watch,表示運作監視模式,使用彩色字元,并顯示出打包的百分比過程

  運作npm run p時,相當于運作webpack -p,表示壓縮子產品檔案

  運作npm run dev時,相當于運作webpack-dev-server,表示運作本地伺服器

本文轉自xsster51CTO部落格,原文連結:http://blog.51cto.com/12945177/1950676 ,如需轉載請自行聯系原作者

繼續閱讀