【前端必会】webpack loader 到底是什么 - 码农知识堂 - 文章详情页

【前端必会】webpack loader 到底是什么
概述
1. webpack的使用中我们会遇到各种各样的插件、loader。
2. webpack的功力主要体现在能理解各个插件、loader的数量上。理解的越多功力越深
3. loader是什么呢？
背景

了解loader前，我们在来看个问题，有了前面的基础我们还是用个简单的样例来说明

由于一切都是模块，我们想用js import的方式统一加载css资源
```
//main.js
import "./main.css";
window.addEventListener("load", function () {});
```
```
//main.css
body {
  color: aquamarine;
}
```
```
html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>Webpack Apptitle>
    <meta name="viewport" content="width=device-width,initial-scale=1" />
  head>
  <body>
    <h1>Hello webpack splitchunksh1>
    <button id="btn1">页面1button>
    <button id="btn2">页面2button>
  body>
html>
```
嗯，如果能这样加载就好了，我就不需要在写