美文网首页
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-前端构建工具

    参考 fis3官网地址 个人使用需求: 预处理语言编译,less 自动刷新 输出项目 打包tips:fis-com...

  • gulp

    叫做前端自动化构建工具,此类工具还有:grunt前端自动化构建工具 是什么?答: 自动化 less sass ...

  • Webpack 打包工具

    webpack 现代化前端最流行的一款 构建打包工具 前端构建打包工具的发展历史 grunt gulp fis w...

  • JavaScript高级自动化构建工具

    随着发展,前端代码复杂度和规模增加,使用构建工具实现自动化的前端开发流程很有必要。前端自动化构建工具具有代码压缩,...

  • 前端构建工具gulp(配合browser-sync实现浏览器自动

    示例代码地址 1. 什么是前端构建,有哪些常见的前端构建工具? 实现前端代码的编译(sass、less)、压缩、测...

  • 有哪些必看的前端 JS 库?

    前端自动化 前端构建工具 gulp – The streaming build system grunt – th...

  • FIS3和VueJS开发单页面应用

    FIS3是百度开发的一款前端构建工具。 FIS3 是面向前端的工程构建工具。解决前端工程中性能优化、资源加载(异步...

  • gulp && webpack

    gulp 前端自动化构建工具,此类的工具还有gruntwebpack 前端打包工具,打包:分析项目所依赖的内容,自...

  • webpack

    webpack webpack是一个前端构建工具,前端构建工具就是把开发环境的代码转化成运行环境代码。一般来说,开...

  • 前端组件库

    0. 前端自动化(Workflow) 前端构建工具 Yeoman – a set of tools for aut...

网友评论

      本文标题:fis3-前端构建工具

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