有哪些Webpack必备Loader值得推荐？

本文共计1743个文字，预计阅读时间需要7分钟。

前言：初阶

整理一些常用的loader分享给家人，方便大家知道在什么场景下应该使用什么loader。

如果大家都有所了解，渐渐左滑进行下一步，不喜勿喷。

适合人群：前端初学者style-loader：用途：用于将CSS样式插入到HTML文件中。

前言

初衷： 整理一些常用的loader分享给大家，方便知道在什么场景下该用什么loader。如果有大佬都懂悄悄左滑就行，不喜勿喷。
适合人群： 前端初级开发。

style-loader

用途： 用于将css编译完成的样式，挂载到页面style标签上。需要注意loader执行顺序，style-loader放到第一位，因为loader都是从下往上执行，最后全部编译完成挂载到style上
安装

cnpm i style-loader -D

配置
webpack.config.js

module.exports = { module: { rules: [ { test: /\.css/, use: ["style-loader"] } ] } }

css-loader

用途： 用于识别.css文件, 处理css必须配合style-loader共同使用，只安装css-loader样式不会生效。