此列将带您从头开始，原理以及如何逐步使用它，以及如何使用它，以及如何使用如何自定义和性能优化，例如，压缩等。
我希望在阅读此专栏后，它可以使您灵活使用它，以便更好地解决项目构建过程中遇到的问题，并知道如何优化项目的构建
本文是列的第一章。
与此列相对应的仓库：https：//github.com/plasticine-大家
WebPack是用于Modeln JavaScript应用程序的静态模块捆绑包
这是官方网站对的概念说明
总而言之，您可能可以理解它是可以包装到服务器中的构造工具，可以直接在服务器上使用，并且可以由浏览器直接使用。
一般而言，必须安装在命令行中必须安装的依赖项。安装后，您可以使用命令使用该命令。
但这不是必需的，例如一些第三方脚手架工具。例如，它仅安装在内部而没有安装。它具有自己的功能，可以实现相似的功能。
首先在项目目录中创建一个目录，在其中创建文件，然后编写一些代码
执行后，您会发现项目目录中有一个额外的目录，并且有一个文件，该文件与我们中的文件完全相同
可以发现，当没有配置时，默认值作为入口文件，作为包装的结果
您可以在项目目录中创建一些个性化配置。例如，上面的输入文件默认，退出是，我们可以修改它
是的，构建的模块用于处理与操作相关的操作，该操作用于缝合路径。第一个参数传递以指示当前文件所在的目录，然后缝合
如果您直接在上面的直接编写时就不会自动补充，则配置项目太多了，转到官方网站以检查相应的配置项目仍然很麻烦。您可以获得自动互补提示！
在编写相应的配置项目时，您还可以看到相应配置项目的角色（与官方网站一致），这消除了大量检查文档的时间。
默认配置文件名称是，如果要使用其他名称，则可以在执行命令时添加参数，然后携带配置文件的路径
例如，我想将其用作配置文件，然后应像这样执行命令
如果我们指定默认配置文件名之外的配置文件，则必须每次输入如此长的麻烦，您可以直接将其写入配置项目
注意：中间写的命令不需要添加
在这种情况下，我们将直接在中间使用导入文件，以查看导入文件是否可以生效
首先准备环境，在项目根目录中创建并在其中介绍包装的文件
然后在中国创建并写一些样式
然后在入口文件中导入文件并使用元素的创建
执行人员，但遇到了以下错误，使我们想起缺乏处理此类文件的错误。这是一个重要的概念。当依赖关系图中遇到各种类型的文件时，您必须详细介绍中篇的相应处理，让我们简要介绍在这里要做的事情：
那么如何处理模块的类型？答案是
首先，您需要安装
有三种配置的方法：
让我们一一介绍这三种模式
导入相应模块时直接指示，因此称为内部连接方法
此方法很少使用，因为它不方便地管理，并且必须手动声明每个导入，因此使用不方便
此方法已在中间取消。以下是文档中该方法的引入。根据官方文档，我们在此方法中包装的命令如下。
但是，由于我们已经安装了此参数，因此会报告一个错误，但这没关系。可以理解此方法。在实际开发中，我们不会这样使用
此方法是最常用的，这意味着在中间配置中
此方法很方便，用于以后的维护，可以清楚地知道该项目的使用方式，并以我们为例，以查看如何配置它！
有许多配置可以简要介绍。这可以注意编写时自动完成中的文档。最好暂时将字符串直接写在配置项目的中间。
现在，我们已经完成了配置，包装是正常的，但是通过运行服务器，然后在访问时，我发现该样式没有生效。为什么？因为它仅负责文件类型的模块，因此不会在中间插入分析结果。如果您想将分析样式插入中间，另一个
安装
然后将其配置为中间
执行后，您可以看到效果。结果之后，您可以找到中间的标签中找到标签，然后将样式放在后续。