亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

Webpack執(zhí)行命令參數(shù)詳解

 更新時(shí)間：2017年06月17日 09:35:36   作者：勝天半子丶  
本篇文章主要介紹了Webpack執(zhí)行命令參數(shù)詳解 ，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧

一、概述

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

二、參數(shù)詳解

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

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

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

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

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

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

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

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

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

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

module.exprots.login=function(){

};

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

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

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論