loader
webpack 默认只能处理 js 和 json 类型的文件,要想处理其它类型的文件,必须借助于 loader 去解析,转成有效的 module,比如依靠 css-loader、style-loader 去解析 css 文件,靠 url-loader 去解析 img 文件。
plugin
plugin 与 loader 相比,执行范围更广,功能更加强大,比如 资源管理、打包优化、注入环境变量等。
例如,使用 html-webpack-plugin,给项目生成一个 html 文件,并且把打包后的所有 bundle 注入到此文件中。