Vim中如何压缩css和js

勺子最近使用Vim修改CSS和JS文件，编辑完成之后想压缩一下，缩小体积加快网站访问速度（执念），但是又不想用Webpack，grunt，gulp这些自动化构建工具。只想通过一个命令解决，毕竟是修改一两个文件，不想高射炮打蚊子。

想来想去，搜来搜去，找到了如下的思路和解决方法，记录一下，希望可以帮到有需要的人：

• 打开一个常规的 CSS或者JS 文件。
• 压缩当前文件。
• 保存文件。

有了思路，就有了解决方法，没错，勺子就是这么聪明！

1. 通过 NPM 安装 Minify npm install -g minify
2. 在 vim 打开 css 文件 vim style.css
3. 在vim的顶部创建新行 Shift + O
4. 通过minify命令读取当前文件并拷贝到顶部。:r !minify %
5. 移到下一行删除未压缩的css或者js代码 d + G

当然，以上3到5的步骤可以映射成一个快捷键，等勺子下次有空做出来分享给大家。

当然如果你有大量的文件需要压缩，还是建议使用gulp这样的自动化构建工具，但是对于几个文件这样的压缩还是比较方便的，您觉得呢？

如果你有什么更好的方法，欢迎给我留言！

相关文章:

使用Gulp进行Javascript以及css压缩合并 关于JS和CSS文件压缩问题 说说为什么要使用VIM Drupal 8 安装教程 在Ubuntu 18.04上安装php-zip（php 7.2）