简介
es2015-differential-serve-middleware 是一个用于快速搭建前端开发环境的 npm 包。它提供了通过 webpack 打包并使用 es6+ 语法的能力，在实现这些功能的同时不会抛弃旧版本的浏览器。
安装
你可以在你的项目目录下使用 npm 进行安装：
npm install --save-dev es2015-differential-serve-middleware
使用
安装完成之后，你可以在你的项目中进行如下配置：
-- -------------------- ---- -------
----- ------------------------ - ------------------------------------------------
----- ------- - -------------------
----- --- - ----------
----- ------ - -
-- ----
----- ------
-- ----
------ -----------
-- ----
------- --------------
-- ------
------- --------------
-- --- --
----------- ----
-- ---------
--------- -
-
----- ---------
-------- ---
--
-
----- -------
-------- --
-
-
-
------------------------------------------
-----------------在启动服务之后，你可以访问 http://localhost:3000 即可， es2015-differential-serve-middleware 会自动根据你指定的浏览器版本将代码转换为 es5 语法，以支持旧版本的浏览器访问。
API
esDifferentialMiddleware(config)
config.root: 资源目录，默认值为'src'config.index: 入口文件，默认值为'index.js'config.output: 输出目录，默认值为'dist/static'config.static: 静态文件目录，默认值为'dist/static'config.publicPath: CDN 地址，默认值为'/'config.browsers: 使用的浏览器的版本列表
示例代码
-- -------------------- ---- -------
----- ------------------------ - ------------------------------------------------
----- ------- - -------------------
----- --- - ----------
----- ------ - -
----- ------
------ -----------
------- --------------
------- --------------
----------- ----
--------- -
-
----- ---------
-------- ---
--
-
----- -------
-------- --
-
-
-
------------------------------------------
-----------------
总结
es2015-differential-serve-middleware 是一个非常好用的 npm 包，它提供了一种在支持 es6 语法的前提下还能支持旧版本浏览器的方案。通过学习本文，您可以了解到如何在您的项目中使用它，并打造更加完善的前端开发环境。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005589e81e8991b448d5e8b