fis3-前端构建工具

参考

fis3官网地址

个人使用需求:

  1. 预处理语言编译,less
  2. 自动刷新
  3. 输出项目
  4. 打包
    tips:fis-components

fis3 能做什么

  • 提供本地调试服务器,监听文件,自动刷新
  • 自动生成雪碧图
  • 文件校验压缩合并
  • 模块化开发
  • 依赖打包机制

常用命令

  • 构建发布
    fis3 release //发布到默认服务器目录
    fis3 release -d ../output // 发布到自定义路径
  • server
    fis3 server open // 打开服务器目录
    fis3 server start // 开启服务器
  • watch-F5
    fis3 release -w -L //文件监听,自动刷新

配置

常用插件

  • fis3-hook-releative //支持产出相对路径
  • fis3-postpackager-loader //纯前端资源打包
  • 优化插件
    压缩(js,css,png,html)
    • fis-optimizer-uglify-js
    • fis-optimizer-clean-css
    • fis-optimizer-png-compressor
    • fis-optimizer-html-compress
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,256评论 19 139
  • 目录 release发布命令 配置文件写法 资源定位写法 release发布命令 fis3 release -d ...
    Mark_Xu阅读 5,261评论 1 6
  • 前端集成解决方案要求: 模块化开发。最好能像写nodejs一样写js,很舒服。css最好也能来个模块化管理! 性能...
    Www刘阅读 3,093评论 1 20
  • 感恩父母的养育之恩,感恩今天做公交车忘记把钥匙给妈妈了然后下车手上有东西我放在保安帮我看看,感恩火车今天送我回家,...
    51db4155429a阅读 305评论 0 0
  • 事件捕获阶段:事件从最上一级标签开始往下查找,直到捕获到事件目标(target)。 事件冒泡阶段:事件从事件目标(...
    dissolvache阅读 240评论 0 0