在前端开发中，我们常常需要使用到 babel 转码工具来编译 ES6+ 代码，这需要借助一些插件来实现。其中一个非常常用的插件就是 fis-msprd-babel-loader_6_2_10，它能够帮助我们将 ES6+ 代码转换成 ES5 代码，从而实现浏览器兼容。
安装依赖
在使用 fis-msprd-babel-loader_6_2_10 之前，我们需要安装相应的依赖。首先，我们需要安装 fis-parser-babel-6.x 插件:
npm install fis-parser-babel-6.x --save-dev
然后，我们需要安装关于 babel 的一些插件:
npm install babel-core babel-preset-es2015 babel-plugin-transform-runtime --save-dev
配置文件
安装好依赖之后，我们需要在 fis-conf.js 文件中进行相关配置:
-- -------------------- ---- -------
-- -----
--------------------------------------- ------
----------------------------------------- ------
----------------------------------- -------------
------------------------------------------- -
-------- ----------------------
-------- -----------
----------- ----
---
-- --------- --- -------- ----------------------------- ----
------------------------- -
----- ------
--------- -----
-------- -----
------- ----------------------- -
-------- ----------------------
-------- ----------
---
---------- ------------------------
-------------- ----------------------- -
----- ----------
--
---在这里，我们设置了 fis-parser-babel-6.x 插件，并将它设为默认的 ES6 文件解析器。同时，我们还设置了 babel 的一些插件和 presets，这些设置将会被应用到所有使用 fis-msprd-babel-loader_6_2_10 进行转码的 JS 文件。
示例代码
下面给出一个简单的示例代码，展示如何使用 fis-msprd-babel-loader_6_2_10 将 ES6 代码转换成浏览器可以兼容的 ES5 代码:
// index.js
import { sum } from './math';
console.log(sum(1, 2));// math.js
export function sum(a, b) {
return a + b;
}在使用 fis-msprd-babel-loader_6_2_10 进行转码之后，上面的代码会被编译成如下的代码:
"use strict";
var math = require("./math");
console.log(math.sum(1, 2));通过 fis-msprd-babel-loader_6_2_10，我们能够将 ES6 代码转换成浏览器兼容的 ES5 代码，从而实现更好的编码体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005516381e8991b448ce901