Webpack执行命令参数详解


Posted in Javascript onJune 17, 2017

一、概述

前面的章节我们讲解了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就会一直运行,而不是 像webpack命令执行之后就会停止。下面我们修改一下login.js内容,看看终端会有什么改变:

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

module.exprots.login=function(){

};

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

Webpack执行命令参数详解

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JQuery1.4+ Ajax IE8 内存泄漏问题
Oct 15 Javascript
使用Math.floor与Math.random取随机整数的方法详解
May 07 Javascript
JavaScript作用域与作用域链深入解析
Dec 06 Javascript
jQuery DOM操作实例
Mar 05 Javascript
WEB 前端开发中防治重复提交的实现方法
Oct 26 Javascript
jQuery Ajax请求后台数据并在前台接收
Dec 10 Javascript
js实现一个猜数字游戏
Mar 31 Javascript
JQuery EasyUI 结合ztrIee的后台页面开发实例
Sep 01 jQuery
浅谈react前后端同构渲染
Sep 20 Javascript
VUE2.0+Element-UI+Echarts封装的组件实例
Mar 02 Javascript
微信小程序页面缩放式侧滑效果的实现代码
Nov 15 Javascript
vue的注意规范之v-if 与 v-for 一起使用教程
Aug 04 Javascript
JS实现留言板功能
Jun 17 #Javascript
利用vscode编写vue的简单配置详解
Jun 17 #Javascript
JavaScript用二分法查找数据的实例代码
Jun 17 #Javascript
JS实现新建文件夹功能
Jun 17 #Javascript
vue-router路由参数刷新消失的问题解决方法
Jun 17 #Javascript
JS实现商品筛选功能
Aug 19 #Javascript
node文件上传功能简易实现代码
Jun 16 #Javascript
You might like
PHP开发框架Laravel数据库操作方法总结
2014/09/03 PHP
THinkPHP获取客户端IP与IP地址查询的方法
2016/11/14 PHP
Yii2中使用asset压缩js,css文件的方法
2016/11/24 PHP
PHP 观察者模式深入理解与应用分析
2019/09/25 PHP
php并发加锁问题分析与设计代码实例讲解
2021/02/26 PHP
JQuery1.4+ Ajax IE8 内存泄漏问题
2010/10/15 Javascript
js获取URL的参数的方法(getQueryString)示例
2013/09/29 Javascript
JavaScript组件焦点与页内锚点间传值的方法
2015/02/02 Javascript
JS获取及设置TextArea或input文本框选择文本位置的方法
2015/03/24 Javascript
nodejs调用cmd命令实现复制目录
2015/05/04 NodeJs
jquery实现点击展开列表同时隐藏其他列表
2015/08/10 Javascript
Bootstrap菜单按钮及导航实例解析
2016/09/09 Javascript
微信小程序实现锚点定位楼层跳跃的实例
2017/05/18 Javascript
详解angularjs实现echart图表效果最简洁教程
2017/11/29 Javascript
Vue指令v-for遍历输出JavaScript数组及json对象的常见方式小结
2019/02/11 Javascript
js图片无缝滚动插件使用详解
2020/05/26 Javascript
Node.js控制台彩色输出的方法与原理实例详解
2019/12/01 Javascript
json跨域调用python的方法详解
2017/01/11 Python
Python模拟脉冲星伪信号频率实例代码
2018/01/03 Python
微信小程序跳一跳游戏 python脚本跳一跳刷高分技巧
2018/01/04 Python
Tensorflow 同时载入多个模型的实例讲解
2018/07/27 Python
pyQT5 实现窗体之间传值的示例
2019/06/20 Python
OpenCV+face++实现实时人脸识别解锁功能
2019/08/28 Python
Python hashlib模块实例使用详解
2019/12/24 Python
python怎么自定义捕获错误
2020/06/29 Python
如何表示python中的相对路径
2020/07/08 Python
LookFantastic丹麦:英国美容护肤精品在线商城
2016/08/18 全球购物
英国版MAC彩妆品牌:Illamasqua
2018/04/18 全球购物
英国最大的独立摄影零售商:Park Cameras
2019/11/27 全球购物
编写函数,将一个3*3矩阵转置
2013/10/09 面试题
考试不及格检讨书
2014/01/09 职场文书
母校寄语大全
2014/04/10 职场文书
交通事故协议书
2014/04/15 职场文书
SQL实战演练之网上商城数据库商品类别数据操作
2021/10/24 MySQL
基于Redis6.2.6版本部署Redis Cluster集群的问题
2022/04/01 Redis
centos环境下nginx高可用集群的搭建指南
2022/07/23 Servers