fis release 提速

2024-08-02

fis入门-单文件编译之文件优化（optimize）

FIS(Front-end Integrated Solution ),是百度的前端集成解决方案.最近几天在研究前端构建的东西,就顺便了解了下,果断各种高大上,可以到FIS官网围观感受一下.如果对fis还不熟悉的童鞋,可以跑下官网的小demo体验一下. 好了,这篇文章不是fis的科普文,官方文档已经挺详细了.这里主要讲下FIS单文件编译的优化(optimize)环节. FIS单文件编译-optimize FIS详细运行原理这里不展开,有兴趣的可以看下官方文档.我们只是简单地看下单文件编译的其中一

FIS

学习官网 http://fis.baidu.com/docs/beginning/getting-started.html 1. fis release: 编译并发布 fis release -m: md5加密 fis release -o : 内容压缩 fis release -p : 文件打包合并可连写:fis release -mop 2.fis release -w 文件监听 3.fis-conf.js: // 设置图片合并

百度FIS入门

1.fis作为nodejs的模块来管理的,所以首先得安装nodejs,看我前面的安装nodejs的文章. 2.官方的案例下载包https://github.com/hefangshi/fis-quickstart-demo 3.cmd命令,进入,然后看图安装的时候普遍可能报错,什么什么镜像问题,导致安装失败,解决方法: 我选择第二种,如图: 设置完了之后就等待安装了,安装完成. 4.打开fis测试用的客户端:fis server start --type node,地址是127.0.0.1:8

fis前端开发框架

FIS是专为解决前端开发中自动化工具.性能优化.模块化框架.开发规范.代码部署.开发流程等问题的工具框架,相比gulp和grunt更傻瓜化,上手更容易,最近抽空学习了一下,分享一下心得. FIS官网: http://fis.baidu.com/ FIS开发文档API:http://fis.baidu.com/docs/beginning/getting-started.html 慕课网FIS教程: http://www.imooc.com/learn/220 一.fis安装 npm instal

FIS常用命令

命令用途简写 fis --version 查看版本 fis -v fis install 安装 fis release 发布项目 fis server start 启动一个服务器用于预览项目 fis server clean 清空www发布目录的文件 fis server open 打开路径 fis release --help 帮助 fis release -h fis release --watch --live 监听文件修改,自动刷新页面 fis release -

FIS常用功能之资源压缩

fis server start后资源压缩,只需要使用命令,不需要添加任何配置 fis release --optimize 或: fis release -o 在浏览器访问按F12,观看压缩前后文件大小对比:

FIS常用功能之MD5版本

静态资源后缀加上md5参数,有效解决缓存更新问题 fis release --optimize --md5 使用前后对比:

FIS常用功能之资源合并

这节讲资源合并,实战目录如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>fis test</title> <script src="/js/a.js"></script> <script src="/js/b.js">&l

FIS的安装

FIS是专为解决前端开发中自动化工具.性能优化.模块化框架.开发规范.代码部署.开发流程等问题的前端工程化构建工具. 最重要的是,它是国产的!还是百度产的~~~亲切吧~~官网:http://fis.baidu.com/ 全局安装,此操作前需要先安装Node.js npm install -g fis 查看版本显示安装成功了喲! =================================================================== 启动看看 fis server s

配置 FIS 来适配 go revel 框架以优化前端缓存策略

对于前端工程师来说,浏览器缓存优化是个永远的话题.前几天看了知乎上的一个问答:<大公司里怎样开发和部署前端代码?>,深以为然,所以决心使用 FIS 来优化自身的前端文件. 我们的项目使用了 go 语言的 revel 做 web 框架.这个框架的目录结构混合了前后端的文件,没法做到前后端开发的完全分离.所以我们要做的第一步,就是分离前后端的文件. 分离前后端因为已经决定使用 FIS 来优化前端,所以特别利用了 FIS 的编译文件这个功能.既然没法做到完全的前后端分离,至少也要分离一部分吧. 首

FIS 插件机制

FIS 插件机制 author: @TiffanysBear 当我们使用 FIS 插件的时候,有没有想过自己也开发一个基于 FIS 的插件,参与 FIS 打包编译的整个流程:那么问题就来了: FIS 的编译过程运行原理是怎样的呢? FIS 编译打包的过程有哪些? 怎么参与FIS 的打包编译过程? 怎么实现一个基于FIS的插件? FIS 是怎么引入自定义插件的? 基于以下的问题,从原理再进行慢慢分析,了解 FIS 编译的基本流程和原理,以及如何自己自定义一个 FIS 插件. 编译过程运行原理 fi

FIS Issue 标记

-----已知 [pack问题]忽视<!--[if lt IE 9]>进行合并 https://github.com/fex-team/fis/issues/253 关于增加md5戳以后文件越来越多 https://github.com/fex-team/fis/issues/97 -----待了解 fis-plus如何与后端结合使用 https://github.com/fex-team/fis-plus/issues/16 资源文件时间版的后缀和资源定位有冲突 https://github

FIS 使用

从淘宝npm镜像安装fis $ npm install -g fis --registry=https://registry.npm.taobao.org 安装less插件 $ npm install -g fis-parser-less 发布 fis release 开启服务器 fis server start 发布输出给程序使用 fis release -Dd D:/*** 使用引入HTML模版 <link rel="import" href="_template_

Fis3的前端模块化之路[基础篇]

Fis3版本:v3.4.22 fis3是一个构建工具解决前端开发中自动化工具.性能优化.模块化框架.开发规范.代码部署.开发流程等问题. 安装 npm install -g fis3 运行 fis3 -v 输出说明安装成功. 基本使用查看有哪些命令 fis3 -h 构建命令 //构建 fis3 release //构建输出到指定目录 fis3 release -d <path> //构建输出到当前目录下 fis3 release -d ./output //构建输出到父级目录下 fis3

web前端性能调优

最近2个月一直在做手机端和电视端开发,开发的过程遇到过各种坑.弄到快元旦了,终于把上线了.2个月干下来满满的的辛苦,没有那么忙了自己准备把前端的性能调优总结以下,以方便以后自己再次使用到的时候得于得心应手.参照了<高性能网站建设指南-前端工程师技能精髓>,本文主要主要概述前端的性能调优的方法. 第一条优化:减少http请求一想到调优好多人都会想到减少http请求,但是可能好多人都会不知道具体操作,我一开始也不知道.项目刚好使用fis发现fis可以打包脚本和样式表.perfect!fis的打包

Augularjs-起步

今年项目的需要,开始琢磨研究前端开发,由于之前项目已经用Angularjs了,就顺其而然的继续沿用. 在使用Angularjs之前,先要准备好工具:Nodejs.npm.git.bower.fis 下面是各个工具的安装方法(开发机为64位的Win10): 1.Nodejs1>下载安装:https://nodejs.org/dist/v6.2.2/node-v6.2.2-x64.msi2>验证安装:node - v 2.npm1> 验证安装(随着nodejs安装了):npm -v2>

F.I.S初探（前端工程化）

云笔记:http://note.youdao.com/share/?id=7c4a2dcf118f0ad7bb52a36aaee46a7a&type=note 一.初识FIS 在做项目中遇到了静态资源浏览器缓存更新的问题,于是在网络上寻找解决方案.之前虽然没有解决过这个问题,但方法无非就是为其设定新URI使得浏览器强制更新.这个过程听起来还是相当简单的. 也是无意中搜索到了知乎上的一个帖子大公司里怎样开发和部署前端代码? 看到这个文章中提到了FIS,跟随着文章开始学习走起,有点小兴奋,只

初探百度F.I.S — 由工具到解决方案

1. 前言阅兵放假三天,我哪儿也没去,宅着看了一些东东:git命令行.svn命令以及下面的主角——百度FIS.对看过的git.svn的命令也做了一些总结,请参见:<git命令学习笔记>和<svn命令学习笔记> 另外,我是开源富文本编辑器 wangEditor 的作者,欢迎大家关注我的项目.下文也会结合我在开发该编辑器过程中的经历,来对比说百度FIS 在查看下文之前,可以先说一下我初探百度FIS,对它的一个总结——由工具到解决方案.不知道大家对“工具”和“解决方案”这两个词如何理解

fis-receiver：一行命令将项目部署到远程服务器

前言本项目基于FIS2,没了.其实fis项目本身就提供了php版本的范例,这里翻译成node版本. 项目地址:https://github.com/chyingp/fis-receiver 服务端接收脚本部署首先,克隆项目 git clone https://github.com/chyingp/fis-receiver.git 跟着,安装依赖 cd fis-receiver/ npm install 然后,启动服务 npm start 配置修改:fis-conf.js 以下内容参考 fis

F.I.S本地环境的搭建教程

一.准备开发环境: 1.安装JRE 2.安装nodejs 最好是msi文件,比较省事. 3.(如果是PHP项目)安装php. 首先下载php(我的是5.5.15版本,win7 64位系统) zip,然后按如下步骤配置: a.将zip解压到一个简单明了的路径中,比如:D:/php b.将解压后的文件中的php5ts.dll放到system32文件夹中 c.修改php.ini-production 为php.ini d.修改php.ini的 on windows: 下面的 ;extension_di

fis release 提速

热门专题