前端打包工具——build release介绍
发布于 6 年前 作者 ljl0612 2494 次浏览 来自 分享

前言

对于前端开发者来说,资源打包是日常过程中一个必不可少的过程;目前我们大多数时候使用gruntgulpwebpack这三个工具来完成这个工作;但是有一个特点就是我们没创建一个项目都要对应的去编写配置来完成打包任务,相当的繁琐,而且各种各样的配置挺让人头疼的。本人就是基于这个原因开发了一个命令行打包工具——build release;现放上使用指南,欢迎各位前端爱好者交流指正!

安装

本工具强依赖于Compass,所以安装之前请先确保您的电脑已经成功安装Compass

npm install build-release -g

默认的项目打包解构

因为本工具对配置文件没有硬性要求,因此对文件目录会有一定规定(当然你可以根据自己的需求进行,详细的配置说回在本文后面补充),如图: image

使用

编译css

release css

可选参数

  • -f 编译目录下的全部sass文件
  • -w 监控sass目录,如果sass文件有变化即时编译
  • -m 编译模式,默认expanded,生产环境建议用compressed(压缩模式)

压缩JavaScript

release js

可选参数

  • increment 只增量打包修改后的文件

压缩图片

release image

打包所有的资源

release all

配置

当然,本工具也接受自定义配置文件,它放在要要执行任务的目录下,命名为release.json,下面是一个配置的例子:

{
  "compass" : {
    "zip" : false
  },
  "uglify": {
    "cwd" : "E:\\ljl\\project\\public",
    "out" : "E:\\ljl\\project\\release",
    "concat": {
      "name": "core/main.min",
      "specify": [
        {
          "core/base.min": ["about.js"]
        }
      ]
    },
    "zip" : {
      "target" : "js.zip"
    }
  }
}

结语

工具就介绍到,欢迎各位提出意见,有交流需要欢迎联系我(QQ:625846782);

回到顶部