什么是 fis-kernel？
fis-kernel 是一个基于 fis3 的前端自动化构建工具，通过对前端资源打包压缩、语法转换、静态资源处理等一系列流程的优化，可以有效提高前端开发效率和项目运行性能，并同时降低了开发成本。
安装和配置
首先，使用 npm 进行 fis-kernel 的安装:
--- ------- ----------
安装好之后，你需要在项目根目录下新建一个配置文件 fis-conf.js ，来配置 fis-kernel 的各种功能及细节。
文件匹配规则
fis-kernel 中，文件的匹配规则是通过 fis.match 方法进行设置。如下是一个例子：
----------------- -
---------- -----------------------
---以上代码表示，对于所有 .js 文件，都会使用 UglifyJS 这个压缩工具进行压缩。
静态资源映射
为了解决静态资源的版本管理问题，fis-kernel 中提供了静态资源映射机制，即通过在构建过程中，将资源打包收集，并将资源与一个唯一标识关联起来，最后输出一个 map.json 文件，即可在发布时使用此文件来精确地找到特定版本的资源。
使用如下代码，即可进行静态资源映射配置：
---------------------- -
------------- -------------------- -
--------- ----
--
---以上代码表示，在构建过程中，将所有合并后的代码都打包到一个文件里，并在页面中引入此文件，同时，也会输出一个 map.json 文件，用于记录资源及其唯一标识的对应关系。
部署到远端服务器
fis-kernel 内置了一个 fis-deploy，可以用来方便地将构建好的代码部署到远端服务器上，你只需要在 fis-conf.js 中进行如下配置:
-------------- -
------- ----------------------- -
--------- -------------------------------------
--- -------------------------
-------- ----
--
--以上代码表示，在构建完成后，将所有文件部署到远端服务器中的 /path/to/your/doc_root 目录下，并使用 replace 标记替换掉原来的文件。
以上就是 fis-kernel 的一些核心功能及配置方法，通过学习了解，相信大家可以更好地使用 fis-kernel 工具来进行前端项目开发。下面给出一个示例，供大家参考：
------------------- -
------- -------------------
----- -------
---------- -----
---------- -----------------------
---
------------------ -
---------- -----------------------
---
------------------ -
---------- ----------------------------
---
--------------------------- -
-------- ----
---
---------------------- -
------------- -------------------- -
--------- ----
--
---
-------------- -
------- ----------------------- -
--------- -------------------------------------
--- -------------------------
-------- ----
--
--总结
通过本文，我们了解了 npm 包 fis-kernel 的使用教程、配置方法以及核心功能，相信可以让大家更好地使用 fis-kernel 进行前端项目开发，提高开发效率和运行性能。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/63497