为什么要使用 webpack 加载器？

Question

两天前我了解了 webpack 加载器。经过 6-7 个 youtube 视频和几个小时的练习后，我知道如何使用它们。但是没有一个教程解释过，我为什么要解释。他们说“我们可以在那里添加标签并添加 css，但让我们使用加载器来完成”。所以现在我知道了什么是加载器以及如何使用它们。但为什么？这里有什么好处？我可以用 webpack css- 和 style-loaders 做什么而不能使用？还是将css写成js文件对性能更好？更困扰我的是对img文件、字体和其他文件使用加载器。在这种情况下，加载程序所做的只是更改名称并将它们放入“dist”文件夹中。为什么我不能手动将我需要的图像放入该文件夹，为什么要使用加载器（我在这里不谈论文件压缩，因为我不确定我是否能够使用加载器压缩 imgs）。所以我的问题是，为什么是装载机？特别是，为什么要加载 imgs 和其他文件，如果我自己也可以将它们放入 dist 文件夹中？什么是我现在看不到的好处

Answer 1

你这样做了，你可以把它们捆绑起来。例如，假设您想使用 SASS。您构建了您的 SCSS 代码，现在您必须生成 CSS 文件并将其添加到您的 html 文件中。现在，如果您有加载器，webpack 可以为您编译 CSS 文件并将其与您的 javascript 代码捆绑在一起。因此，现在您不必管理 style 标记，因为 javascript 代码会为您完成这项工作。假设您有打字稿代码。这也需要编译并可能捆绑在一起。

您需要装载机吗？它们不是完全必需的，但替代方法是手动完成所有操作。根据 CSS、字体、图像等。您必须了解 Webpack 就是创建一个包。所以它可以挑选资产并将它们捆绑起来。可以手动做吗？也可以，但话又说回来，这就是 Webpack 所做的。