为什么我应该使用 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 所做的。
两天前,我了解了 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 所做的。