npm 包 fis3-command-release 使用教程

介绍

fis3 是一个前端构建工具，npm 包 fis3-command-release 为 fis3 提供了发布构建的功能。本篇文章将详细介绍如何安装 fis3-command-release 并使用其提供的命令进行构建发布，如何进行高效的配置。同时，还将提供一些实用示例代码。

安装

要使用 fis3-command-release，首先需要在全局安装 fis3。

npm install fis3 -g

然后再通过以下命令安装 fis3-command-release:

npm install fis3-command-release -g

命令

安装成功后，就可以通过以下命令进行发布构建了:

fis3 release [media name]

其中，media name 为可选参数，用于指定发布方式。若您没有指定，则默认采用 dev 方式。建议您在不同的场景下指定不同的发布方式，以达到最优结果。

配置

下面，将介绍如何配置 fis3-command-release。

fis-conf.js 配置文件

fis3 的配置文件为 fis-conf.js，通过修改此文件来进行自定义配置。以下是其中一些常用的配置选项：

• fis.match()：用于指定处理规则。
• fis.media()：用于指定发布方式，以及在该方式下的处理规则。
• fis.set()：用于设置配置项。
• fis.get()：用于读取配置项。

例如，若您想要在发布时自动压缩 css 文件，您可以这样配置：

fis.match('**.css', {
  optimizer: fis.plugin('clean-css')
});

打包

在项目的开发阶段，为了方便调试，我们常常将代码分成多个文件进行编写。但是，在发布阶段，我们需要将这些文件合并为一个文件。fis3 提供了 fis-packager 插件，可以用于打包。

例如，若您有以下代码：

// src/a.js
console.log('this is a.js');

// src/b.js
console.log('this is b.js');

您可以这样进行打包配置：

fis.match('*.js', {
  packTo: '/static/all.js'
});

然后，运行以下命令即可进行打包：

fis3 release prod

配置模块化

fis3 支持多种模块化规范，例如 CommonJS、AMD 等。你可以通过以下命令来开启：

fis3 release prod -d output --modules commonjs

其中，--modules 用于指定模块化规范。得到的代码将按照相应规范进行组织，方便进行代码管理。

示例代码

以下是一些实用示例代码供您参考：

自动生成文件版本号

fis.match('*.{css,js,png,jpg}', {
  useHash: true
});

压缩 PNG 和 JPG 图片

fis.match('*.{png,jpg}', {
  optimizer: fis.plugin('png-compressor')
});

配置 SEA.js 模块化

fis.match('/seajs/**.js', {
  isMod: true
});

fis.hook('commonjs', {
  baseUrl: '/static'
});

结语

上述内容总结了如何安装和使用 fis3-command-release，以及如何进行配置。同时，还提供了一些实用示例代码。相信您已经对 fis3 有了更深入的了解。希望本文能对您有所帮助。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/63543