Webpack loader相关插件详解

一、CSS 相关配置

1. 模块（必须配置）：CSS打包 —> style-loader、 css-loader

• 场景： 将CSS文件，通过 import 引入到JS中，webapck 运行会报错，为解决问题需安装并配置 css 方面的loader

• 目的： 将CSS代码，打包到JS中，减少文件个数 减少HTTP请求

• style-loader： 处理css文件中的 url() 等，npm 中网址

• css-loader： 将css插入到页面的