关闭

js压缩工具FIS3的安装及使用

标签: 压缩javascript
3327人阅读 评论(0) 收藏 举报
分类:

js压缩工具FIS3的安装及使用

    FIS3 是面向前端的工程构建工具。解决前端工程中性能优化、资源加载(异步、同步、按需、预加载、依赖管理、合并、内嵌)、模块化开发、自动化工具、开发规范、代码部署等问题。

   FIS3是百度FEX-TEAM团队开发的前端工具。它可以对一个项目中的静态资源JS(比如JS脚本、CSS文件、图片)进行压缩。所谓的压缩是指将JS脚本和CSS文件中的空格去掉,使占用字节最小。而图片压缩后也会变小;可以将一个项目中的所有脚本合并到一个文件中,这个过程也叫做打包,当然CSS文件和图片也可以打包。

  要想使用FIS3,首先要安装node.js和npm

  1.安装node.js和npm

     1)下载安装文件node.js,node.js的官网是http://nodejs.org/,因为我的电脑是win7,所以选择64位的,然后进行安装

      2)安装后在安装目录中会看到nodejs文件夹下面有npm,直接用npm安装相环境既可。

        

  3)安装fis3

    npminstall -g fis3

-g 安装到全局目录,必须使用全局安装,当全局安装后才能在命令行(cmd或者终端)找到 fis3 命令

安装完成后执行 fis3 -v 判断是否安装成功,如下:

表示安装成功了

   4)压缩js、css、html文件

      FIS3 配置文件(默认fis-conf.js),内容如下:

     

fis.match('*.js', {
  useHash: false, // default is true
  // 指定压缩插件 fis-optimizer-uglify-js 
  optimizer: fis.plugin('uglify-js', {
    // option of uglify-js
  })
});

+fis.match('*.css', {
+  useHash: false, //default is `true`
+  // compress css invoke fis-optimizer-clean-css
+  optimizer: fis.plugin('clean-css', {
+    // option of clean-css
+  })
+});

fis.match('*.html', {
  //invoke fis-optimizer-html-minifier
  optimizer: fis.plugin('html-minifier')
});
fis-conf.js文件的内容来自于FIS3官网的文档

       然后进入进入项目根目录执行命令,进行构建,这里所说的项目根目录是指 FIS3 配置文件(默认fis-conf.js)所在的目录,我的项目根目录是:

    

然后通过cmd进入根目录



    构建发布到项目目录的 output 目录下,命令是: fis3 release -d ./output

   

 然后在同目录下有一个output文件夹,里面是yzfindex.js对应的压缩后的文件






     

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:180770次
    • 积分:2156
    • 等级:
    • 排名:第18566名
    • 原创:44篇
    • 转载:62篇
    • 译文:0篇
    • 评论:5条
    文章分类