2017-10-07 111 views
1

您好大家,我对的WebPack那种愚蠢的问题,但我真的想知道它的WebPack风格装载机和CSS-装载机


多么使用CSS加载器的优点(CSS-答案装载机,风格装载机)通过的WebPack如果我可以插入我的.css文件直接在我的index.html例如


据我所知,使用大型和可扩展项目的WebPack但任何人可以给我的例子,当它真的帮助,并给予有利的是使用它代替了使用纯文本,旧文本和熟知的 样式表在主文件中的链接210例如

回答

2

1-您可以通过其他插件管道您的CSS自动修复您的CSS基于您需要的浏览器支持。

2-你可以缩小你的CSS。

3-您可以将您的CSS分块并从某些捆绑包中动态地排除/包含输出。

4-您可以生成源映射以便于调试。

5-当您对CSS进行更改时,您可以让浏览器自动重新加载。

6-您可以使用散列动态更改CSS输出文件名以使CDN缓存无效。

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

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

9-可以删除未使用的CSS规则亦称死代码消除。

这些只是我能想到的一些事情。还有更多人在为生态系统编写插件。

应当注意的是,你不特别需要的WebPack实现任何一个目标,他们可以手动或任务跑步或自定义脚本来完成。但是如果你的项目使用Webpack捆绑你的JavaScript,为什么不让Webpack处理你的CSS呢?