FIS 前端发布打包(入门)

最新推荐文章于 2025-06-19 09:27:15 发布

原创

最新推荐文章于 2025-06-19 09:27:15 发布 · 4.8k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #发布 #压缩 #css #js

本文介绍了如何使用FIS进行前端项目的发布和打包。首先，需要搭建node.js环境并安装FIS。接着，创建或忽略fis-conf.js配置文件，FIS允许配置简单或直接使用空文件。然后，在项目目录下运行fis release命令，结合参数-o和-d对项目进行压缩和输出。通过-fis百度官方文档可获取更多高级配置。FIS相比grunt更易于配置，适合不同经验水平的开发者。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

既然用的是百度的东西，开篇当然要附上FIS百度官方文档链接

废话不多说，直入主题FIS

一、环境搭建

FIS基于node.js环境，安装nodejs（搜一搜，大把下载地址），安装完成之后重启计算机

重启完成后打开cmd，输入node，检验是否安装成功

最后当然是下载fis，进入cmd，输入：npm install -g fis 回车即可

二、fis-conf.js 配置文件（可直接空文件，略过即可）

用过grunt打包的，FIS配置真的是傻瓜式操作，果然是百度技术控风格。fis-conf.js文件甚至可以是个空文件。这里贴个作为参考

// 设置图片合并的最小间隔
fis.config.set('settings.spriter.csssprites.margin', 20);

// 取消下面的注释开启simple插件，注意需要先进行插件安装 npm install -g fis-postpackager-simple
// fis.config.set('modules.postpackager', 'simple');

// 取消下面的注释设置打包规则
// fis.config.set('pack', {
//     '/pkg/lib.js': [
//         'js/lib/jquery.js',
//