style-loader 与 to-string-loader

19 阅读1分钟

这两个 Webpack loader 都用于处理 CSS,但设计目标和应用场景有本质区别:

特性style-loaderto-string-loader
主要功能将 CSS 注入 DOM将资源转为 JS 字符串
输出形式<style> 标签纯字符串
DOM 影响自动插入到 <head>不操作 DOM
适用场景全局样式应用局部样式/Web Components
典型链式组合['style-loader', 'css-loader']['to-string-loader', 'css-loader']