webpack 1到3

# webpack 3 安装
npm install --save-dev extract-text-webpack-plugin
# webpack 2 安装
npm install --save-dev extract-text-webpack-plugin@2.1.2
# webpack 1 安装
npm install --save-dev extract-text-webpack-plugin@1.0.1

extract-text-webpack-plugin 是一个 webpack 插件，它的主要作用是将 CSS 从 JavaScript 文件中提取出来，生成单独的 CSS 文件。这样做的好处是，当你的项目在浏览器中运行时，JavaScript 和 CSS 可以并行加载，从而提高页面的加载速度。

webpack 4

在webpack 4之后的版本就不支持使用extract-text-webpack-plugin了，而是使用mini-css-extract-plugin mini-css-extract-plugin 用于从 JavaScript 文件中提取 CSS 到单独的文件，这对于生产环境是非常有用的，因为它可以使 CSS 和 JavaScript 并行加载。

webpack 5

mini-css-extract-plugin结合css-minimizer-webpack-plugin使用

css-minimizer-webpack-plugin 用于压缩 CSS，它可以移除 CSS 中的空白字符、注释等，以减小文件大小。