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这样的自动化构建工具,但是对于几个文件这样的压缩还是比较方便的,您觉得呢?

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

留下评论