webpack require css 时生成style标签插入到dom，还需要gulp把css压缩合并，用link直接引用吗？

Question

webpack require css的时候是生成style标签插入到dom中
那么所有的css文件都适合这样吗，还有必要直接用link引用css吗？
是否还需要gulp来把css压缩合并，用link直接引用

Answer 1

他的思想本来就是要你手动import资源。

Answer 2

不建议动态插入样式，可能导致插入过多，影响页面渲染效率。直接在当前页面样式文件中@import组件样式，再使用打包工具合并即可。

Answer 3

不太适合的，应该是一些跟某些js组件关联的小部分样式才这样打包

页面中绝大部分的样式，都是用来支撑整个页面的，如果都用webpack打包。那么在js加载解析之前，整个页面就处于无样式状态下。

对体验很不好的。万一用户禁用了js，那就更糟糕

Answer 4

我也在想有什么办法可以用sass编译出压缩好的CSS然后用link的方式引入到页面中，觉得webpack编译出来的样式直接style到html 里面不太好