跳到主要内容
极客日志极客日志面向AI+效率的开发者社区
首页博客我的书AI学习GitHub 精选镜像AI 生图工具UI配色美学关于
搜索内容 / 工具 / 仓库 / 镜像...⌘K搜索
注册
博客列表
JavaScriptNode.js大前端

FIS3 构建工具安装与发布指南

FIS3 是一款前端构建工具,通过 npm 全局安装即可使用。项目根目录下执行 fis3 release 命令可完成构建并发布至指定目录。常见错误多为插件未加载,需按需安装 fis3-hook-commonjs、fis3-hook-amd 及 fis3-postpackager-loader 等依赖包来解决 unable to load plugin 报错。

lzdxwyh发布于 2025/1/18更新于 2026/9/1068 浏览
FIS3 构建工具安装与发布指南

安装 FIS3

npm install -g fis3 
  • -g 表示安装到全局目录,必须使用全局安装才能在命令行(cmd 或者终端)找到 fis3 命令。
  • 安装过程中遇到问题请查阅官方文档。
  • 如果已安装旧版 FIS,也执行上面的命令进行安装,FIS3 和 FIS 是不同的构建工具,向下无法完全兼容。如果要从 FIS 迁移到 FIS3,请参考官方文档。
  • 如果 npm 长时间运行无响应,推荐使用镜像源来安装。

安装完成后执行 fis3 -v 判断是否安装成功,如果安装成功,则显示类似如下信息:

$ fis3 -v [INFO] Currently running fis3 (/Users/Your/Dev/fis3/dev/fis3) v3.0.0

如果提示找不到 fis3 命令并且 npm 安装成功退出,请参考官方文档解决。如果 Windows 下提示 basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')") 则找到 npm 全局路径下面的 fis 脚本删除,留下 fis.cmd 就好了。

发布

进入项目根目录,执行命令,进行构建。

项目根目录:FIS3 配置文件(默认 fis-conf.js)所在的目录为项目根目录。

fis3 release -d <path> 
  • <path> 任意目录。
  • fis3 release -h 获取更多参数。

构建发布到项目目录的 output 目录下

fis3 release -d ./output 

报错处理

  1. unable to load plugin [fis3-hook-commonjs/lookup.js]

    解决方案:

    • 全局安装或者本地安装都可以。
    npm install -g fis3-hook-commonjs 
    

    或者

    npm install fis3-hook-commonjs 
    
  2. unable to load plugin [fis3-hook-amd]

    解决方案:

    • 全局安装或者本地安装都可以。
    npm install -g fis3-hook-amd 
    

    或者

    npm install fis3-hook-amd 
    
  3. [ERROR] unable to load plugin [fis3-postpackager-loader] or [fis-postpackager-loader]

    解决方案:

    • 支持全局安装和局部安装,根据自己的需求来定。
    npm install fis3-postpackager-loader 
    

目录

  1. 安装 FIS3
  2. 发布
  3. 构建发布到项目目录的 output 目录下
  4. 报错处理

更多推荐文章

查看全部
  • 前端 PWA:构建类原生体验的 Web 应用
  • FPGA 是什么:现场可编程门阵列详解
  • LLaMaFactory 基于 ModelScope 免费 GPU 环境微调大模型教程
  • .NET Core 中 GraphQL.Server 的基本使用
  • Ollama 部署 DeepSeek-R1 本地大模型,配合 Open-WebUI 与 RagFlow 私有知识库
  • 无人机目标检测数据集介绍及 YOLOv8 训练实战
  • Python AI 入门:从线性回归到图像分类
  • Java ForkJoin 框架详解:分治法与并行编程
  • 二分查找算法详解:基础查找与边界定位
  • Webots R2023b 安装配置教程
  • 未来几年最紧缺的八大职业分析
  • Flutter 三方库 eth_sig_util 在鸿蒙端的适配指南
  • 基于 OpenClaw 架构构建 C++ 量化交易引擎 QuantClaw 实战
  • GitHub 最受欢迎的开源开发工具 Top5
  • Django Web 框架实战:从零构建产品管理系统
  • AR/VR 教育应用开发实战指南
  • MinIO 分布式对象存储系统介绍与 SeaweedFS 对比
  • PyCharm 安装与基础使用指南
  • RAG 技术详解:现状、挑战与优化策略
  • DeerFlow 2.0 实战:生产级 AI Agent 框架的 Docker 部署与编排

相关免费在线工具

  • Keycode 信息

    查找任何按下的键的javascript键代码、代码、位置和修饰符。 在线工具,Keycode 信息在线工具,online

  • Escape 与 Native 编解码

    JavaScript 字符串转义/反转义;Java 风格 \uXXXX(Native2Ascii)编码与解码。 在线工具,Escape 与 Native 编解码在线工具,online

  • JavaScript / HTML 格式化

    使用 Prettier 在浏览器内格式化 JavaScript 或 HTML 片段。 在线工具,JavaScript / HTML 格式化在线工具,online

  • JavaScript 压缩与混淆

    Terser 压缩、变量名混淆,或 javascript-obfuscator 高强度混淆(体积会增大)。 在线工具,JavaScript 压缩与混淆在线工具,online

  • Base64 字符串编码/解码

    将字符串编码和解码为其 Base64 格式表示形式即可。 在线工具,Base64 字符串编码/解码在线工具,online

  • Base64 文件转换器

    将字符串、文件或图像转换为其 Base64 表示形式。 在线工具,Base64 文件转换器在线工具,online