首页 / WEBPACK / 详解与webpack相关的参数

详解与webpack相关的参数

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了详解与webpack相关的参数，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1641字，纯文字阅读大概需要3分钟。

内容图文

本篇文章主要介绍了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就会一直运行，而不是 像webpack命令执行之后就会停止。下面我们修改一下login.js内容，看看终端会有什么改变：


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

详解与webpack相关的参数 - 文章图片

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

以上就是详解与webpack相关的参数的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的详解与webpack相关的参数全部内容，希望文章能够帮你解决详解与webpack相关的参数所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/300910.html

来源：【匿名】