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

你可能感兴趣的:(fis3-前端构建工具)