Webpack执行命令参数详解

一、概述

前面的章节我们讲解了webpack的安装、webpack.config.js的 基本配置、webpack执行命名以及require方法的使用，不 知道大家有没有发现，当我们每次修改或者新增一个js文件的时候，就会重新执行一下webpack 命令进行编译，这种方式非常的麻烦，这样整个项目下来岂不是要执行百万次。接下来我们会讲解webpack相关的参数，避免这个情况。

二、参数详解

在webpack执行命令之后可以添加一些参数，这些参数都有自己的作用，下面是参数列表：

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

$ webpack --watch //监听变动并自动打包

$ webpack -p//压缩混淆脚本，这个非常非常重要！

$ webpack -d//生成map映射文件，告知哪些模块被最终打包到哪里了其中的 
$ webpack --progress //显示进度条
$ webpack --color //添加颜色

-p 是很重要的参数，曾经一个未压缩的 700kb 的文件，压缩后直接降到 180kb （主要是样式这块一句就独占一行脚本，导致未压缩脚本变得很大） 。

这里我们重点说一下 webpack --watch这个参数，这个参数就要的作用就是监听文件是否有改变，有改变就会重新编译有改变的文件。这个命令非常有用，下面我们还是一个webpackDemo这个项目作为演示。

首先，在 终端执行webpack --watch这个命令：

通过截图可以看到执行命令之后，webpack就会一直运行，而不是 像webpack命令执行之后就会停止。下面我们修改一下login.js内容，看看终端会有什么改变：

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

module.exprots.login=function(){

};

增加了login()方法，这个时候终端就会发生变化:

和上个截图想对比，这里多出了只针对login.js文件编译的记录。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# webpack  # 执行命令  # 命令参数  # 命令行参数  # webpack独立打包和缓存处理详解  # 详解webpack介绍&安装&常用命令  # 深入浅出webpack教程系列_安装与基本打包用法和命令参数详解  # 就会  # 自己的  # 都有  # 一句  # 很重要  # 可以看到  # 这个时候  # 当我们  # 非常重要  # 这块  # 上个  # 岂不是  # 多出  # 配置文件  # 大家多多  # 会有什么  # 想对  # 基本配置  # 主要是  # 而不是 

相关文章： 一键制作网站软件下载安装,一键自动采集网页文档制作步骤？  如何登录建站主机？访问步骤全解析  制作网页的网站有哪些,电脑上怎么做网页？  网站设计制作书签怎么做,怎样将网页添加到书签/主页书签/桌面？  如何快速搭建高效WAP手机网站吸引移动用户？  如何在Golang中引入测试模块_Golang测试包导入与使用实践  如何制作网站标识牌,动态网站如何制作（教程）？  百度网页制作网站有哪些,谁能告诉我百度网站是怎么联系？  建站主机是否等同于虚拟主机？  天河区网站制作公司,广州天河区如何办理身份证？需要什么资料有预约的网站吗？  如何在Golang中处理模块冲突_解决依赖版本不兼容问题  如何零基础在云服务器搭建WordPress站点？  网站制作哪家好,cc、.co、.cm哪个域名更适合做网站？  如何在云虚拟主机上快速搭建个人网站？  免费网站制作appp,免费制作app哪个平台好？  东莞专业制作网站的公司,东莞大学生网的网址是什么？  黑客入侵网站服务器的常见手法有哪些？  成都网站制作报价公司,成都工业用气开户费用？  高防网站服务器：DDoS防御与BGP线路的AI智能防护方案  公司门户网站制作流程,华为官网怎么做？  c++ stringstream用法详解_c++字符串与数字转换利器  如何通过免费商城建站系统源码自定义网站主题与功能？  赚钱网站制作软件,建一个网站怎样才能赚钱?是如何盈利的？  香港服务器WordPress建站指南：SEO优化与高效部署策略  如何在IIS服务器上快速部署高效网站？  道歉网站制作流程,世纪佳缘致歉小吴事件，相亲网站身份信息伪造该如何稽查？  c# 在ASP.NET Core中管理和取消后台任务  如何快速搭建个人网站并优化SEO？  建站之星3.0如何解决常见操作问题？  如何通过WDCP绑定主域名及创建子域名站点？  长春网站建设制作公司,长春的网络公司怎么样主要是能做网站的？  孙琪峥织梦建站教程如何优化数据库安全？  官网自助建站系统：SEO优化+多语言支持，快速搭建专业网站  免费公司网站制作软件,如何申请免费主页空间做自己的网站？  企业网站制作公司网页,推荐几家专业的天津网站制作公司？  建站之星Pro快速搭建教程：模板选择与功能配置指南  如何制作公司的网站链接,公司想做一个网站，一般需要花多少钱？  教程网站设计制作软件,怎么创建自己的一个网站？  定制建站策划方案_专业建站与网站建设方案一站式指南  建站之星如何通过成品分离优化网站效率？  如何优化Golang Web性能_Golang HTTP服务器性能提升方法  建站之星如何优化SEO以实现高效排名？  头像制作网站在线制作软件,dw网页背景图像怎么设置？  如何在服务器上配置二级域名建站？  建站主机核心功能解析：服务器选择与网站搭建流程指南  制作网站怎么制作,*游戏网站怎么搭建？  如何在宝塔面板中修改默认建站目录？  建站之星免费版是否永久可用？  手机怎么制作网站教程步骤,手机怎么做自己的网页链接？  如何在万网开始建站？分步指南解析