在前两篇文章中,我们介绍了 webpack 的基本概念和使用方法,以及如何使用插件来扩展 webpack 的功能。但是,在实际的开发中,我们经常需要使用一些非 JavaScript 的资源,例如 CSS、图片、字体等。在这种情况下,我们就需要使用 webpack 的 loaders 来处理这些资源。
什么是 loaders
loaders 是 webpack 的一个重要概念,它允许我们在打包过程中对各种类型的文件进行转换。loaders 可以将一个文件从不同的形式转换为 JavaScript 模块,这样我们就可以在 JavaScript 代码中引用这些文件,而不用手动复制和粘贴。
例如,我们可以使用 css-loader 和 style-loader 来处理 CSS 文件。css-loader 可以将 CSS 文件转换为 JavaScript 模块,而 style-loader 可以将这些模块插入到 HTML 中的