阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      Atom atom-minify(CSS/JS 压缩神器)

      atom-minify(CSS/JS 压缩神器)

      对于接触前端的小伙伴们,为了优化肯定是想尽办法的。

      atom 丰富的拓展接口,让 atom 变得更加强大。

      国外的大牛把几种常见的压缩集成到一个小插件里面。于是就有 atom-minify 这个快捷压缩神器。

      插件项目首页

      作者: armin-pfaeffle

      插件地址:https://atom.io/packages/atom-minify

      安装方法

      1. apm install atom-minify
      2. 进入设置中心搜索 atom-minify

      设置非常丰富,一些图形化的设置已经满足一些小伙伴正常使用了。

      默认快捷键

      • ctrl-shift-m : 执行压缩,生成一个带 min 后缀的(不想用 min 代表压缩可以进入设置修改)
      • ctrl-alt-shift-m/ctrl-cmd-shift-m : 全局开启或者关闭保存自动生成压缩软件
      • ctrl-alt-shift-h /ctrl-cmd-shift-h` : 全局开启或者关闭执行后弹出的消息面板功能
      • 还有一些比较少用的快捷键,具体看文档

      支持的压缩规格

      • CSS 支持四种压缩标准
        • YUI Compressor, clean-css, CSSO, Sqwish.
      • JS 支持三种压缩标准
        • YUI Compressor, Google Closure Compiler, UglifyJS2.

      提示

      atom 的许多特性插件都是大牛从 npm 那里搬过来封装的,所以就必须依赖各种模块,所以执行插件遇到各种错误的时候别虚,看下错误,缺啥补啥。

      如果想玩自动化构建的,可以去了解下 gulp,通过丰富的插件,来实现更加复杂的功能,比如动态监听,压缩等等。

      附上一个 Github 项目:https://github.com/crperlin/StartFrontendProject

      个人写的 gulp 执行队列,涵盖了一些常用的功能,有兴趣的可以 fork 一起完善。

      卖前端学习教程

      只需几十元,就能买到培训班的内部教程!开启高薪之路!

      零基础小白阿里P7的教程都有!

      同时长期收购所有培训班的前端教程

      目录
      目录