为什么我应该使用 webpack 加载器?

Why should I use webpack loaders?

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

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

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