文接上回，继续看 webpack 的插件：这里默认你已经搭建出来一个 React 框架。我就是在这个基础上演示的。
mini-css-extract-plugin作用： 该插件的主要是为了抽离 css 样式,防止将样式打包在 js 中文件过大和因为文件大网络请求超时的情况。
extract-text-webpack-plugin 是 mini-css-extract-plugin 的前身，不过前者在 webpack4 算是废了。
安装依赖：
然后引入，配置提出 css 样式，重命名 css 文件。
其中上面的 rules 还可以修改变成这样：
打包出来的 index.css将会插入 index.html 里面的 head 标签里面。
现在如果使用下面的样式：
其中 transform: rotate(45deg) 是 css3 的样式。我们想批量给它增加前缀。这时就得使用 autoprefixer 。但是还的用一个 loader 来处理，这个 loader 就叫 postcss-loader 。
安装依赖：
配置时 postcss-loader 执行顺序必须保证在 css-loader 之前。
完成之后 在webpack.config.js 同级目录下新建 post.config.js 输入内如下：
打包之前的 css 样式为：
经过插件处理之后为：
如果你不想新建一个 post.config.js 文件的话可以这样配置：
处理的效果是完全和分开写一样的。
这里需要注意的是在 HtmlWebpackPlugin 插件里面的配置压缩 css 参数只对自己创建的模板有效，所以这里引包的 css 并没有压缩。我们还的专门配置 压缩 css 的插件。它就是 optimize-css-assets-webpack-plugin 。 terser-webpack-plugin 是对打包的 JS 进行压缩的。
安装依赖：
注意： 使用 optimize-css-assets-webpack-plugin 插件和 terser-webpack-plugin 插件的时候 webpack 的 mode （模式）一定的是 生产模式（production） 。
简单配置就能压缩 css 和 JS 了。还是很有用的，压缩完成明显文件变小了。
友情提示：
如果您下载的是一个插件的压缩包的话，把里面的文件放到Css安装目录下 Plug-ins\Panels 文件夹中即可E:\Adobe\Adobe Photoshop CC (64 Bit)\Plug-ins\Panels
如果你下载的是zxp格式的文件的话，那么就需要使用Adobe Extension Manager来安装（没有的话去网上找个和你的ps版本相同的Adobe Extension Manager）
打开Adobe Extension Manager，然后执行 文件——安装扩展
然后找到您的zxp格式文件 打开即可安装
安装完之后 在Adobe Extension Manager里面会有显示的，这样就证明已经安装成功了，此时可以把Adobe Extension Manager关掉了
然后打开ps，打开 窗口——扩展功能——CSS3Ps 就能在您的ps上使用这个插件了。
推荐你用整合版的，在中国，原版的你是下载不到的，目前网上提供的都是修改版本，只有lil174整合的那个是原版，汉化文件分离的……除非你会翻墙~~
既然你问到怎么安装那就说一下
首先解压缩mms和smd，将其中的addons放到cstrike下面，然后将zri或者zr解压，同样将addons放到cstrike下面，去mms官网下载个CSS版本的vdf文件，放到addons下面，即可，编辑mms的配置文件，将zr或者zri的执行程序链接上，保存，然后是配置……打开cstrike\cfg\sourcemod下面，打开需要的进行配置，具体我记不太清楚了……
顺便附个整合的……这个整合版仅仅是将mms和smd还有单个插件整合，也就是说，直接复制已经整合好的zr或者zri即可游戏。单插件整合，不是多插件整合~~
另外这个自解压包里面都是单个插件，不要解压到游戏目录下……随便解压个文件夹，然后进去看说明即可
