目录
上一篇 我们非常详细介绍了 Webpack 一些前置知识,包括使用、mode、打包结果运行机制。
一、Webpack Loader 机制
原理
以最常见的 css 资源为例。
首先,我们如果想尝试通过 Webpack 打包项目中的一个 CSS 文件,Webpack 是如何加载资源模块的?
在下面这个案例中,我们在项目的 src 目录下添加一个普通的样式文件 main.css,具体结构和样式代码如下所示:
└─ 03-webpack-loader ························ sample root dir
├── src ·································· source dir
+ │ └── main.css ························· main styles
├── package.json ························· package file
└── webpack.config.js ···················· webpack config file