这两个 Webpack loader 都用于处理 CSS,但设计目标和应用场景有本质区别:
| 特性 | style-loader | to-string-loader |
|---|---|---|
| 主要功能 | 将 CSS 注入 DOM | 将资源转为 JS 字符串 |
| 输出形式 | <style> 标签 | 纯字符串 |
| DOM 影响 | 自动插入到 <head> | 不操作 DOM |
| 适用场景 | 全局样式应用 | 局部样式/Web Components |
| 典型链式组合 | ['style-loader', 'css-loader'] | ['to-string-loader', 'css-loader'] |