美文网首页
fis3-前端构建工具

fis3-前端构建工具

作者: YjWorld | 来源:发表于2018-04-19 07:42 被阅读59次

    参考

    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-前端构建工具

          本文链接:https://www.haomeiwen.com/subject/rmcnlxtx.html