Webpack样式加载器和css-loader

Question

Hello Everybody ，我有一些关于webpack的愚蠢问题，但我真的想知道它的答案

如果我可以直接在index.html中插入我的.css文件，那么通过webpack使用css加载器（css​​-loader，style-loader）会有什么好处

---

我明白了webpack在大型和可扩展的项目中使用，但任何人都可以给我一个例子，当它真正有用并且有利于使用它而不是在主文件中使用纯粹的，旧的和着名的 stylesheet 链接{{ 1}}例如

Answer 1

1-您可以通过其他插件管理您的CSS，根据您需要的浏览器支持自动修复您的CSS。

2-您可以缩小CSS。

3-您可以对CSS进行分块，并从某些捆绑包中动态排除/包含输出。

4-您可以生成源地图以便于调试。

5-您可以在更改CSS时自动重新加载浏览器。

6-您可以使用哈希值动态更改CSS输出文件名，以使CDN缓存无效。

7-您可以在JavaScript文件中导入CSS。

8-您可以在JavaScript文件中使用CSS模块。

9-你可以消除未使用的CSS规则a.k.a. dead-code elimination。

这些只是我能想到的一些事情。随着人们继续为生态系统编写插件，还有更多。

应该注意的是，您并不特别需要Webpack来实现任何这些目标，它们可以手动完成，也可以使用任务运行器或自定义脚本完成。但是如果你的项目使用Webpack捆绑你的JavaScript，为什么不让Webpack处理你的CSS？