介绍
fis-parser-babel-xiangshouding 是一款基于 babel 的前端打包工具 fis3 插件。它可以将 ES6/ES7/ES8 的代码编译为 ES5 代码，并且支持插件化的配置方式，让你可以根据项目的需要添加相应的插件，提供更多的特性和功能。
安装
在使用之前，你需要先安装 fis3。
然后，通过 npm 来安装 fis-parser-babel-xiangshouding：
npm install fis-parser-babel-xiangshouding --save-dev
使用说明
配置
在 fis-conf.js 配置文件中添加以下代码，即可启用 fis-parser-babel-xiangshouding 插件：
fis.match('*.js', {
parser: fis.plugin('babel-xiangshouding', {
// babel 配置项
// ...
})
});其中，parser 属性是 fis3 中用来指定文件处理器的属性。在这里我们指定了 fis-parser-babel-xiangshouding 作为处理器，并且传入了一个配置对象。
配置项
可以根据项目的需要，传入不同的配置项来启用或者添加插件。以下是常用的配置项：
-- -------------------- ---- -------
--------------------------------- -
-- ---------
-------- -
-----
--
-- ---------------- ----- -----
----------- ------
-- ---- --- ------------- ----- ----
-------- -----
-- ---- ---------- ---------- ----- ----
----------- -----
-- ---- ---------------- ---------- ----- ----
---------------- -----
-- ---- --------------- ---------- ----- ----
--------------- -----
-- ---- ------------------ ---------- ----- ----
----------------- -----
-- ---- ----------------- ---------- ----- -----
-- ---------- --- ---------------------------------------- --- -------------
----------------- ------
-- ---- ----- ------------ ----- ----
-- - ------ ------- ---- -- - -------- - -------
------ -
-- --- -------
-------- -----
-- --- -------
-------- -----
-- --- ----- ---------
--------------- ------
-- --- ------- ------
-------------- ----
--
-- ---- ------ ---- ---------- ----- -----
----------- ------
-- ------ ---- ----------- ----- --------
--------------- ---------
-- ---- ------- ------------ ----- ----
-------- -----
-- ---- --- ------------ ----- -----
---- ------
-- ---- ------ ------------ ----- -----
------- ------
-- ---- ---- ------------ ----- -----
----- -----
--示例代码
-- -------------------- ---- ------- -- ------------ ------ - ------ - ---- --------- ----- ------- - - ----- --------------- -- ----- ------- - ------- ---------------- --- ------ -- - -- --------------- ---------------------
// src/math.js
export function square(x) {
return x * x;
}
export function cube(x) {
return x * x * x;
}-- -------------------- ---- -------
-- -------------
----------------- -
------- --------------------------------- -
-------- -
--------------------------------------------
------------------------------------------
-----------------------------------------
--
------ -
-------- ------
--------------- ----
-
--
---指南
如果你是一名前端开发者，那么使用 fis-parser-babel-xiangshouding 可以让你更方便地编写 ES6 代码，并且让你尝试一些新特性，提高你的开发效率。
如果你是一名框架或者库作者，那么使用 fis-parser-babel-xiangshouding 可以让你更方便地编写 ES6 代码，并且让你的代码更有可读性和可维护性，方便用户使用你的框架或者库。
不管你的身份是什么，使用 fis-parser-babel-xiangshouding 都是一个不错的选择。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055fc981e8991b448dd4b0