前端具----fis3前端工程构建工具

<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>

  

posted @ 2018-04-09 16:04  SunLike阿理旺旺  阅读(133)  评论(0编辑  收藏  举报