Appearance
loader
常用loader解析
style-loader
style-loader
的作用是将 css
文件注入到 HTML 的 DOM 元素,默认是注入到 style
标签当中。
值的注意的是,注入样式的过程是在运行时完成的,并非是在编译时就将样式注入到 DOM 元素中
TIP
style-loader
主要用于开发环境当中。
在生产环境打包时,通常是将 css 文件从 js 文件中抽离出来
mini-css-extract-plugin
该插件的作用是将 css 从 js 文件中抽离出来,并通过在 document.head
中添加 link 标签的方式引入样式文件
DANGER
千万不能只看名字就推测该插件的作用,以为仅仅是将 css 文件抽离出来,没有注入到 html 中。
这会导致在生产环境打包的时候错误地将 style-loader
和 mini-css-extract-plugin
混合使用