一、概述

創(chuàng)新互聯(lián)公司是一家專注于成都網(wǎng)站設(shè)計(jì)、做網(wǎng)站與策劃設(shè)計(jì),廣州網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)公司做網(wǎng)站,專注于網(wǎng)站建設(shè)10余年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:廣州等地區(qū)。廣州做網(wǎng)站價格咨詢:028-86922220

前面的章節(jié)我們講解了webpack的安裝、webpack.config.js的 基本配置、webpack執(zhí)行命名以及require方法的使用，不 知道大家有沒有發(fā)現(xiàn)，當(dāng)我們每次修改或者新增一個js文件的時候，就會重新執(zhí)行一下webpack 命令進(jìn)行編譯，這種方式非常的麻煩，這樣整個項(xiàng)目下來豈不是要執(zhí)行百萬次。接下來我們會講解webpack相關(guān)的參數(shù)，避免這個情況。

二、參數(shù)詳解

在webpack執(zhí)行命令之后可以添加一些參數(shù)，這些參數(shù)都有自己的作用，下面是參數(shù)列表：

$ webpack --config XXX.js //使用另一份配置文件（比如webpack.config2.js）來打包

$ webpack --watch //監(jiān)聽變動并自動打包

$ webpack -p//壓縮混淆腳本，這個非常非常重要！

$ webpack -d//生成map映射文件，告知哪些模塊被最終打包到哪里了其中的 
$ webpack --progress //顯示進(jìn)度條
$ webpack --color //添加顏色

-p 是很重要的參數(shù)，曾經(jīng)一個未壓縮的 700kb 的文件，壓縮后直接降到 180kb （主要是樣式這塊一句就獨(dú)占一行腳本，導(dǎo)致未壓縮腳本變得很大） 。

這里我們重點(diǎn)說一下 webpack --watch這個參數(shù)，這個參數(shù)就要的作用就是監(jiān)聽文件是否有改變，有改變就會重新編譯有改變的文件。這個命令非常有用，下面我們還是一個webpackDemo這個項(xiàng)目作為演示。

首先，在 終端執(zhí)行webpack --watch這個命令：

通過截圖可以看到執(zhí)行命令之后，webpack就會一直運(yùn)行，而不是 像webpack命令執(zhí)行之后就會停止。下面我們修改一下login.js內(nèi)容，看看終端會有什么改變：

var userName="68kejian.com";
module.exports.userName=userName;
module.exports.sayName=function(){
 return userName;
};

module.exprots.login=function(){

};

增加了login()方法，這個時候終端就會發(fā)生變化:

和上個截圖想對比，這里多出了只針對login.js文件編譯的記錄。

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。