谈及如今欣欣向荣的前端圈，不仅有各类框架百花齐放，如Vue，React，Angular等等，就打包工具而言，发展也是如火如荼，百家争鸣；从早期的王者Browserify,Grunt，到后来赢得宝座的Gulp，以及独树一帜的fis3

转载自：http://blog.sina.com.cn/s/blog_658c4dbb0101fis3.htmlSTM32编程入门之编译器KEILMDK的数据类型及两个重要关键词volatile&const

项目打包工具,项目构建工具2.webpack有什么用构建单页应用(disk)nmprunbuild代码压缩npmihttp-server-g安装http-server可以将文件转化成服务3.同类工具百度fis3gruntgulp

/1190000006843916系列文章为什么要用webpack构建多页应用考虑到SEO的存在，我们需要开发一个多页项目前后端分离模式下，用后端模板引擎处理多页时候的前端的窘境gulp、grunt、fis3

首先安装fisnpminstall-gfis3例子在正式介绍FIS3功能之前，我们给定一个简单的例子，例子下载地址demo-simple命令进入项目根目录，执行命令，进行构建。

前言环境搭建1下载原生的demo2安装nodejs3安装fis34安装依赖包5前期配置51首页配置52fis3编译6成功预览下吧7账号配置附录文档结构API接口说明官方建议需要了解的东西前言最近项目中在使用这个

这种情况下，一般会使用三种方式：模拟静态数据：即按照既定的数据格式，自己提供一些静态的JSON数据，用相关工具（如fis3）做接口来获取这

Webpack从2015年9月第一个版本横空初始至今已逾2载。它的出现，颠覆了一大批主流构建如Ant、Grunt和Gulp等等。腾讯NOW直播IVWEB团队之前一直采用Fis构建，本篇文章主要介绍从Fis迁移到webpack遇到的问题和背后的黑科技，内容包括inline-resource、多页面构建、资源压缩、文件hash、文件目录规则等等。为什么要迁移至webpack?有两个层面的原因：首先we

安装插件需要安装2个插件sudonpminstall-gfis3-hook-amdsudonpminstall-gfis3-hook-commonjs说明https://www.npmjs.com/package

移动端多屏适配rem方案背景1.开发移动端H5页面2.面对不同分辨率、dpr的手机3.面对不同屏幕尺寸的手机一、概念1、物理像素(physicalpixel)一个物理像素是显示器(手机屏幕)上最小的物理显示单元，在操作系统的调度下，每一个设备像素都有自己的颜色值和亮度值。2、设备独立像素(density-independentpixel)设备独立像素(也叫密度无关像素)，可以认为是计算机坐标系统中

webpack是什么webpack：是一种静态资源构建，打包的工具当然还有一些其他的比如：grunt：https://www.gruntjs.net/gulp：https://www.gulpjs.com.cn/fis3

xampp运行项目：图片.png图片.png图片.png然后直接启动apache运行项目图片.png图片.png加了-w就是在更改了代码就自动编译运行代码图片.png编译common文件：fis3release-rcommon

前言通过脚本标注，声明资源的关系，方便后期打包，界面优化。在html中声明依赖在js中声明依赖/***@requiredemo.css*@requirelist.js*/在css中声明依赖/***demo.css*@requirereset.css*/创建一个manifest.json文件__RESOURCE_MAP____RESOURCE_MAP__字符串会被替换成依赖关系的json字符串配置f

loader:资源转换器4.plugin:插件5.mode:模式还有其他的打包压缩工具：grunt：https://www.gruntjs.net/gulp：https://www.gulpjs.com.cn/fis3

如果项目要求支持低版本的IE的话（比如IE7，8），就用较传统的jQuery，Bootstrap，jQuery插件/组件以及类似Knockout.js能够提供数据绑定的JS库，再加上require.js+gulp或者fis3

转换ES6语法转换JSXCSS前缀补全/预处理器压缩混淆图片压缩前端构建演变之路ant+YUIToolgruntgulp、fis3webpack、rollup、parcel为什么选择webpack?

首先，声明一点，项目部署前，已经由资深前端老员工帮我用Fis3工具构建好了项目，并不是所有项目都可以直接部署的，关于Fis3我也不是很了解，这里不过多深入。

转换ES6语法转换JSXCSS前缀补全/预处理器压缩混淆图⽚片压缩前端构建演变之路ant+YUIToolgruntgulp、fis3webpack、rollup、parcel为什么选择webpack?

简介FEZ框架是京东研发的一套前端工程化构建工具，与百度的fis3，京东的jdfx是同一类产品。为什么学习FEZ，因为FEZ的开发者是我们部门的前端，方便学习233333附上框架主页链接：FEZ主页

前端开发谈一谈越来越难做的前端CSSModules用法教程【译】用CSS隐藏页面元素的5种方法JavaScript中该如何安排后台任务[译]只有20行的JavaScript模板引擎前端构建工具漫谈：fis3

前言fis是百度的前端自动构建工具，是一套前后端分离的自动化工具包。和其它自动构建比起来，更强的地方还是在与后端的整合(PHPSmarty、Laravel、http://oak.baidu.com/fis-plus、)。fis首页http://fis.baidu.com/纯前端方案https://github.com/fex-team/fis-purePHP后端方案http://oak.baidu

这个工程实例中，我采用了厂内的工程构建工具－FIS3，并贯穿了react+redux基本思想。今天这篇文章给大家分享一个更加复杂，但是非常有趣的一个项目－NewsEarly单页应用。

现在前端构建工具很火热比如有Fis3（百度）、gulp、使用VUE的还有vue自己的构建工具，总之有很多，但是就我

框架简介官网gulp流式前端构建工具http://www.gulpjs.com.cn/grunt基于node.js，可用于自动化构建，测试，生成文档的项目管理工具http://gruntjs.com/FISFIS3

全局安装fis3npminstall-gfis3在本地代码目录下，创建node项目npminit安装fis3上传插件npminstallfis3-deploy-http-push-pre--save在node_modules

最近在学习前端自动化构建工具fis3,安装fis3需要先安装node.js,现在梳理一下在安装过程中遇到的一些问题。

修改npm镜像源npmconfigsetregistry"http://registry.npm.taobao.org/"安装下载安装node安装fis3npminstall-gfis3安装fis3常用组件

自动化构建工具GruntGulpfis3包管理工具npmboweryarn模块打包工具BrowserifyWebpack脚本语言CoffeeScriptTypeScriptECMAScript6(Babel

varfs=require('fs');varpath=require('path');varparse=require('fis3-preprocessor-define');varenv=process.env.NODE_ENV

fis3内置了一个简易的Webserver，可以提供serverfis3serveropen上面是打开server目录发布fis3release不加-d的时候是直接发布到WebSever的根目录下的启动服务

一、环境搭建：npmnpminstallnpmfis3npminstall-gfis3smartynpminstall-gfis3-smarty二、分步指南-拉分支1、在icode里搜自己要开发的代码库

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

查看详细周刊内容，请移步编程狂人-第八十二期++++++++++++++++++++++++++++++++++++++++++业界新闻2015年度Eclipse社区报告FIS3发布，来自百度的前端解决方案

fis3因为做了好多封装，配置起来很简单，只需要引入插件指向对应文件即可，更适合一些小demo；本文是在已安装node、npm的情况下进一步安装fis3。

前言为了减少请求数量，嵌入资源到html、js、css文件中。嵌入到html中采用资源链接加?__inline的方式html中嵌入图片base64html中嵌入样式文件html中嵌入脚本资源html中嵌入页面文件嵌入到js中在js中，使用编译函数__inline()来提供内容嵌入能力。在js中嵌入js文件__inline('demo.js');在js中嵌入图片base64varimg=__inli

laravel与fis3开发环境部署测试环境部署开发流程1.laravel安装方式一：composer安装：composerglobalrequire"laravel/installer=~1.1"laravelnewblog

目录webpack是什么,有哪些同类工具(1)webpack项目打包工具,项目构建工具,有什么作用构建单页应用(disk)npmihttp-server-g代码压缩......(2)同类工具百度fis3gruntgulpwebpack

使用fis3、gulp进行构建工作，对各种文件进行压缩、混淆加版本号等。

命令releaseinstallinitserverinspecthttp://fis.baidu.com/fis3/docs/api/command.html配置mediaimportant::package

利用fis3构建前端项目工程[TOC]FIS3是国内百度公司产出的一款前端工程构建工具，FIS3可以解决前端工程中性能优化、资源加载（异步、同步、按需、预加载、依赖管理、合并、内嵌）、模块化开发、自动化工具

fis3http://fis.baidu.com/fis3/docs/beginning/intro.htmlNode版本要求0.8.x，0.10.x,0.12.x，4.x，6.x，不在此列表中的版本不予支持

写这篇文章是为了解决npm安装fis3长时间运行无响应,之前写过npm安装fis3的流程，但换了一台mac电脑安装时出现了输入命令行长时间没反应问题；这里就了解cnpm进行安装：npm安装长时间没反应如下

读在前面万恶的fis3，不能使用最新版本的node，既然改变不了它，那只能我们适应它了，所以我们要学习下如何对nodejs进行降级。

概述最近前端一直是一个火热的话题，前端技术栈也是伴随着nodejs的出现而更替的飞快，导致大部分前端开发者曾一度迷茫在这各种技术选型上，比如前端自动化工具就有Grunt，Gulp，Webpack，Fis3

编译浏览器加载文件编译注意，编译的TypeScript文件需要放在编译文件之前自动化构架工具1：fisfis插件：fis-parser-typescriptvarfis=require('fis3');

周一公司让基本于[百度鹰眼系统](https://github.com/baidu-openmap-trace/web-demo-v3)开发一个项目，之前对fis3也所了解，那么现在用于开发项目，肯定要在

1，方法级别雅虎军规FIS32，架构级别bigpipe（Facebook优化）1，技术优化出发点（解耦）（1）复用（维护性、开发成本）前端复用：1）文件复用：js、css、html(错误页面)、媒体文件

不认识FIS3?

原项目的前端资源由fis3输出到指定目录，其中js、css、img资源会上传至cdn，由另一台服务器nginx代理（文件上传服务会由另一个N

我的github地址：https://github.com/liangxiaobo/fis3-notes关于F.I.SFis3是百度团队推荐的Fis第三个版本，和webpack一样都需要node.js环境的支持