<html>
<head>
<meta charset="utf-8">
<title>前端工具----fis3前端工程构建工具</title>
<meta name="keyword" content="前端工具----fis3前端工程构建工具">
<meta name="discription" content="前端工具----fis3前端工程构建工具">
</head>
<body>
<script>
第一章 介绍
fis3是面向前端的工程构建工具.解决前端工程中性能优化, 资源加载(异步, 同步, 预加载, 依赖管理, 合并, 内嵌)
模块化开发, 自动化开发, 自动化工具, 开发规范, 代码部署等问题
第二章 安装
安装好node和npm
npm install - g fis3; //全局安装
fis3 - v; //测试是否安装完成
npm update - g fis3; // 升级
第三章 起步
fis3 release - d < path > ; //构建发布到项目目录
配置文件:
fis.match(selector, props);
fis3 server open; //web server 的根目录
fis3 release; //发布
fis3 server start; //启动
fis3 server - h; //更多参数设置(端口号)
fis3 server - w; // 程序不会执行终止,停止程序用ctrl+c
fis3 release debug - wL; //浏览器自动刷新
发布到远端机器:
fis.match('*', {
deploy: fis.plugin('http-push', {
receiver: 'http://cq.01.p.p.baidu.com:8888/receiver.php',
to: '/home/work/htdocs' // 注意这个是指的是测试机器的路径，而非本地机器
})
})
替代内置server
假设你的 Web Server 的根目录是 / Users / my - name / work / htdocs， 那么发布时只需要设置产出目录到这个目录即可。
fis3 release - d / Users / my - name / work / htdocs
如果想执行 fis3 release 直接发布到此目录下， 可在配置文件配置；
fis.match('*', {
deploy: fis.plugin('local-deliver', {
to: '/Users/my-name/work/htdocs'
})
})
</script>
</body>