在实际开发中，启动了项目：前端使用WebPack打包我们的项目代码，然后将其交给公司的背景人员，以将服务器发布到服务器上
观察项目的变化
WebPack配置文件函数：修改WebPack的默认配置
例如，WebPack的默认配置如下
包装命令：NPX WebPack
入口文件：https：//www.shouxicto.com/article/src/index.js
导出文件：https：//www.shouxicto.com/article/dist/main.js
通过修改WebPack配置文件，您可以修改上述所有默认配置。
如果将webpack与一个人进行比较，则配置文件等同于穿着人的衣服。不同风格不同的人穿着不同的风格。（不同的项目webpack配置不同）
==注意：此配置写在package.json文件==的脚本对象中
在模块化开发中，不再需要自己下载我以前学到的袋子，我自己介绍了它。
下载：NPM我包名称
指南包：需要（'袋子名称'）
包：和以前一样
默认情况下，WebPack只能处理JS或JSON文件。但是，不仅有JS文件中的JS文件，还可以使用其他资源文件，例如：CSS，HTML，Pictures等。
pre-知识点：我使用链接标签的HREF属性导入CSS文件。那么如何在模块化法方法中导入CSS？
WebPack中的大多数插件都必须在配置文件中，并且在配置后将生效！
在实际开发中，并非所有项目样式都是用CSS语法编写的。某些项目将以少的语法编写样式。并且有许多这样的场景。
3.编写一个较少的文件进行测试。
页面上的图片文件上有两个加载模式
第一个：作为CSS样式背景图
第二种类型：SRC属性作为IMG标签
很少有浏览器不支持ES6。此插头 - 可以将您的所有ES6语法转换为ES5语法以支持较旧的浏览器
您可以在课后了解，并且实际开发是没有用的。在过去的几年中，可能需要使用它。现在浏览器基本上支持ES6
您是否发现每次修改代码时，我们都需要再次打包以查看效果？
类似于前端：每次修改代码时，都需要刷新页面才能生效
类似于nodejs：每次修改代码时，都需要重新执行节点命令才能生效
因此，是否有任何WebPack，该代码的自动包装工具呢？
类似于前端现场服务器：一个敲门代码，该页面自动更新
Nodemon类似于Nodejs：一个敲门代码，自动重新启动服务器
那一定是在那里！交叉剖面
3.配置软件包。