zoukankan      html  css  js  c++  java
  • 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 release -d ../output
    
    //构建到其他磁盘
    fis3 release -d E:output
    

    fis3构建项目的时候有个特点:就是不会去更改源文件,而是重新生成文件

    调试相关命令

    fis3自带一个调试用的服务器

    //先构建
    fis3 release
    
    //再来启动本地 Web Server,当此 Server 启动后,会自动浏览器打开 http://127.0.0.1:8080,默认监听端口 8080
    fis3 server start
    
    //打开Server所在的目录
    fis3 server open
    
    //关闭调试
    fis3 server stop
    
    //清空Server目录下构建的文件
    fis3 server clean
    

    启动Server后,每次修改文件,只需要release。不需要server start。应该内置的服务是长驻的,除非主动关闭服务。
    如果觉得每次这样麻烦,我们也可以设置文件监听。省去手动刷新的麻烦。

    fis release -wL
    

    启动Server:

    打开Server目录:

    清空release的资源

  • 相关阅读:
    两列布局
    BFC布局
    iframe高度自适应(同域)
    iframe关于滚动条的去除和保留
    testng入门_单元测试
    Ionic学习笔记5_动态组件指令
    Ionic学习笔记4_ionic路由(页面切换)
    Ionic学习笔记3_ionic指令简单布局
    Ionic学习笔记1_基本布局
    Angularjs学习笔记11_手工初始化
  • 原文地址:https://www.cnblogs.com/zqzjs/p/6099566.html
Copyright © 2011-2022 走看看