Npm 网页包加载程序通过哪些文件工作？

当您在加载程序对象中的

test

键之后设置正则表达式时，是否会查看项目中的所有文件，并使用您指定的加载程序加载它们，即使这些文件不是入口点中的文件所需的？然后是否将其放在

bundle.js

文件中？

否它将只包含脚本所需的内容

是一种告诉Webpack源代码需要此映像才能运行的方法

在生产Web包构建中，这将被编译成类似于

的内容。从不执行

require（）

语句，而是将其替换为有效的Javascript代码。这个被替换的代码就是放在

bundle.js

中的代码

然后将图像放入您指定的任何输出文件夹（如本地

dist/

文件夹），并将其重命名为唯一的文件夹，通常是文件内容的一些散列，从而生成

89de0f2.png

。（我为这个例子起了这个名字，但它通常看起来是这样的）

现在，当您上载该文件时，

89de0f2.png

，您的源代码将准确地引用

89de0f2.png

，因此该图像的版本保证存在。这就是Webpack为您提供生产保证资产加载的方式

如果您特别需要，Wepback只会将

img.png

作为

89de0f2.png

放入您的

dist/

文件夹中。任何其他图像都不会放在该文件夹中

您可能还会询问base64编码图像，并将其直接放入

bundle.js

文件中。在这种情况下，没有图像放入

dist/

，但所有其他规则都会响应。

require（）

调用仍然被有效的Javascript替换

---

有一种情况下，Webpack将需要多个资产。您可以需要模式，如

，Webpack将把该目录中的所有png文件构建到

dist/

文件夹中。请参阅以了解更多上下文。

可能会有所帮助：但不，这只是您

需要的文件（）

具体地说，在源于

条目的文件的长路径中，是否需要webpack以某种方式接触的任何内容？