使用PHPStorm压缩CSS和JS代码？

Question

我正在使用PHPStorm，这是一款非常适合Web开发人员的优秀软件。

当我想要在PHPStorm中压缩我的CSS和JS文件时，我找不到任何选项。

请告诉我如何在PHPStorm中压缩CSS和JS代码。

- Jooxa

---

通常情况下，构建脚本应该负责这个任务，而不是集成开发环境。 - zerkms

http://www.jetbrains.com/phpstorm/webhelp/minifying-javascript.html - Handsome Nerd

Answer 1

找到了Assets Compressor插件。看看它是否有帮助。

编辑 - 根据@spade的指示更改为新链接。

- web-nomad

---

我安装了它，但插件没有生成压缩文档。什么都没有发生。 - DerpyNerd

点击“重构 >> 压缩”以压缩任何文件。这是一个很棒的插件，绝对会得到回应的赞许。 - Otvazhnii

从phpstorm 2019.1.2开始，我收到了一个错误警告，导致这个插件无法正常工作。 - NME New Media Entertainment

Answer 2

PHPStorm支持通过文件监听器进行代码压缩。它可以直接集成YUI Compressor，但是会出现一些问题，例如 calc()函数。我的解决方案是使用压缩工具。

1. 请参考JetBrains手册，重复安装Node.js和npm的步骤。
2. 像YUI Compressor这样的压缩工具需要在手动模式下安装（npm install minifier）。
3. 压缩工具文档中说：“通过npm安装将在通常的位置创建一个二进制文件（minify）”，但我没有找到它（可能在Windows上没有创建）。可以通过node index.js命令执行Index.js文件，但PHPStorm不支持这种方式（会抛出“请设置要运行的程序！”错误）。因此，我创建了一个.bat文件，内容如下：

.

echo off
node path\to\minifier\index.js %*

4. 然后在 PHPStorm 的监视器设置中，在 Program 输入框中设置路径到 .bat 文件。请注意，Minifier 使用了不同的方法来设置输出路径，因此我们需要更改 Arguments 字段: $FileName$ --output $FileNameWithoutExtension$.min.css

- Dmitry

---

不幸的是，看起来这已经被弃用了。 - Erutan409

Answer 3

请查看相关的功能请求：

• WEB-2138 支持自动 JavaScript 和 CSS 最小化
• WEB-2125 部署前后命令

目前，您可以使用第三方工具/插件，如 @Pushpesh 建议的那样。

- CrazyCoder