作者:zccst
fis安装与配置
1,安装node和npm。
Windows平台下载,安装
配置path环境变量, path = nodejs路径
2,安装fis
$npm install -g fis #通过npm安装fis
$fis -v #查看fis版本
3,通过一个demo熟悉fis
(1)下载demo到本地
在git客户端,前提是需要安装git客户端
$git clone https://github.com/hefangshi/fis-quickstart-demo.git #下载实例
在git客户端中,先cd 进入自己创建的目标文件夹,然后执行上面的git clone xx命令,
即将代码fork到目标文件夹。
(2)启动访问,发布demo
在cmd命令行,
$fis server start #启动8080服务。在浏览器访问(自动弹出) http://127.0.0.1:8080/
如果8080端口已被占用,可用fis server start -p 8081
$cd target_demos #进入demo根目录
$fis release #发布。刷新即可使用该页面
附1:server命令
$fis server open #打开服务器用来发布的文件夹(注意,不是源码文件夹)
$fis server info #
$fis server clean #
$fis server install <name>
附2:release命令
fis release [options]
-o 进行压缩文件
附3:demo文件分析
// 设置图片合并的最小间隔
fis.config.set('settings.spriter.csssprites.margin', 20);
// 取消下面的注释开启simple插件,注意需要先进行插件安装 npm install -g fis-postpackager-simple
// fis.config.set('modules.postpackager', 'simple');
// 取消下面的注释设置打包规则
// fis.config.set('pack', {
// '/pkg/lib.js': [
// 'js/lib/jquery.js',
// 'js/lib/underscore.js',
// 'js/lib/backbone.js',
// 'js/lib/backbone.localStorage.js',
// ],
// // 取消下面的注释设置CSS打包规则,CSS打包的同时会进行图片合并
// // '/pkg/aio.css': '**.css'
// });
// 取消下面的注释可以开启simple对零散资源的自动合并
// fis.config.set('settings.postpackager.simple.autoCombine', true);
- 大小: 4.7 KB
- 大小: 10.7 KB
- 大小: 15.6 KB
分享到:
相关推荐
fis3+anglurjs项目源码以及配置文件全解
* 这是修改过后的fis.c模糊推理系统库函数,可以移植C/C++环境使用,在VS2010的MFC环境经过测试 * 1、将fis.c文件拷贝到项目中; * 2、修改VS2010的配置属性,项目->属性->C/C++->预处理器->预处理器定义,添加 ...
├─ fis-conf.js # fis3 的配置文件 ├─ page # 放一些页面 ├─ server.conf # 本地测试的URL转发规则配置文件 ├─ static # 非组件静态资源 ├─ test # 假数据 └─ widget # 放一些 widget,里面代码...
如果对FIS先有所了解,但理解不深的,可试着带着这句话去看文档FIS3会在配置文件中给文件添加相应属性,用于控制文件的编译,合并等各种操作;文件属性包括基本属性和插件属性, npm install -g fis3 如果Node版本...
安装插件:npm install -g fis-parser-handlebars2. 配置// fis-conf.jsfis.config.set('modules.parser.handlebars', 'handlebars');fis.config.set('project.fileType.text', 'handlebars');fis.config.set('...
fis-parser-autoprefixer a autoprefixer plugin build for fis #fis-parser-autoprefixer 基于fis的一个标准预处理器插件,但是弄错了弄成预处理的,不过将就着用吧先,什么时候有时间了我再改过来。 ##配置信息 ...
安装 npm i fis-deploy-git -g 启用 fis.config.set('modules.deploy', ['default', 'git']) 配置 fis.config.set('settings.deploy.git', { publish : { from : '/', to: '/', remote: '...
基于fis3和vue全家桶,搭建前端工程化脚手架。支持spa、layout、多页面入口;按需打包、配置简单、调试维护成本低,打包后文件可读性强。
fis-helper 一切便于开发的新特性,都将以 helper 的形式提供,这些 helper 不一定是完全符合 FIS 设计理念的,但是确实很有用; hacker config var helper = require('fis-helper'); helper.hack('config'); fis....
fis-spriter-csssprites 基于FIS的csssprites,对CSS文件,以及HTML文件CSS片段进行css...首先要配置FIS中使用csssprites fis . config . set ( 'modules.spriter' , 'csssprites' ) ; 合并后的css文件会自动进行c
默认短路径不支持跨模块,如果要跨模块,请像这样配置 paths。 fis.config.set('settings.preprocessor.components.paths', { 'jquery': 'common:components/jquery/jquery.js' }); paths 也可以是 dir 如: fis....
1.安装node + fis3 2.安装wamp或者xampp,或者其他的服务器软件 3.配置一个网站,把网站根目录指到 xxxx/ 4.用cmd,cd到 xxxx/ 5.执行fis3 release -d xxxx/ 6.在浏览器浏览你的网站吧 ##解说 F2E是我们的开发目录,...
fis3-ouj基于FIS3的前端组件化解决方案文档coming soon使用方法安装npm install -g fis3npm install -g fis3-ouj配置使用// vi fis-conf.jsfis.require('ouj')(fis);目录结构component目录site ├── widget #组件...
配置 fis.match('**', { deploy: [ fis.plugin('tar'), fis.plugin('local-deliver', { to: './output' }) ] }) // 或者 fis.match('*.tpl', { deploy: [ fis.plugin('tar', { filename: 'templates.tar.gz...
在根目录下新建source文件,fis配置文件至于其中,并根据自己请看进行正则匹配和发布目录的修改。 项目由于小、经常变更、不需要协同开发等原因,发布需求一般只有编译、资源定位、压缩、打包。不需要MD5戳和时间戳...
fis3-hook-cmd fis3 已经默认不自带模块化开发支持,那么如果需要采用 cmd 规范作为模块化开发,请使用此插件。 请配合 sea.js 一起使用。 注意:需要对目标文件设置 isMod 属性,说明这些文件是模块化代码。 fis....
安装完成后执行fis3 -v判断是否安装成功,如果安装成功,则显示类似如下信息 FIS 升级 FIS3 npm update -g fis3 FIS3插件 fis3 中内嵌了很多常用的插件 fis-optimizer-clean-css 压缩css fis-optimizer-png-...
fis3-hook-module Deprecated 不再更新 已被拆分成多个插件,放一起容易带来麻烦,请迁移对应的插件中。 Common Js 方案请使用 AMD 方案请使用 CMD 方案请使用 fis3 已经默认不自带模块化开发支持,需要此插件来完成...
fis3-postprocessor-extras_urifis 资源定位增强场景fis 可以很好的将 html 中 img, link, script 等的路径在发布...安装npm i fis3-postprocessor-extras_uri -g使用配置文件 fis-conf.js:fis.match('*.html', { pos
配置 fis-conf.js fis.config.merge({ modules: postprocessor: { tpl: 'amd', // 如果你的模板是.tpl结尾的模板,如 Smarty、Swig 模板 js: 'amd', html: 'amd' // 如果你的项目中也有一些 html 文件需要使用...