简介
当我们使用 rollup 进行打包时，有时我们需要使用一些旧的模块规范（比如 CommonJS）编写的模块，这时候我们就需要使用 rollup-plugin-browserify-transform 插件来转换这些模块规范。
安装
在项目目录下使用 npm 进行安装：
npm install --save-dev rollup-plugin-browserify-transform
使用
安装后，在 rollup 配置文件中添加如下配置即可：
-- -------------------- ---- -------
------ -------------------- ---- -------------------------
------ ----------------------- ---- -----------------------------
------ ------------------------------- ---- -------------------------------------
------ ------- -
------ ---------------
------- -
----- -----------------
------- -------
--
-------- -
----------------------- -- ---- ---------------------- - -------- ---- --- --
------------------------- -------- ---- --- -- ---- -------------------------- --------
---------------------------------
-- ---- ---------------------------------- ---- -------- --
-
----- --------
-------- -
-
----------- -- ---- -------- ----
-
-------- ----------------------
-------- ------------------------------------
--
--
--
--
---
--
--在上面的示例中我们使用 rollup-plugin-browserify-transform 对所有以 .js 结尾的文件进行转换，并且使用 babelify 插件进行转换。
需要注意的是，我们需要先使用 rollup-plugin-commonjs 插件将 CommonJS 模块转成 ES6 模块，然后再使用 rollup-plugin-node-resolve 插件来解析第三方模块，最后使用 rollup-plugin-browserify-transform 插件来对旧的模块进行转换。
总结
在实际的开发过程中，我们经常需要使用一些旧的模块规范编写的模块，而这些模块不能直接被 rollup 打包。使用 rollup-plugin-browserify-transform 插件，我们可以将这些模块转换成 rollup 可以打包的模块格式。同时，我们还需要使用 rollup-plugin-commonjs 和 rollup-plugin-node-resolve 这两个插件进行转换和解析。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedaf67b5cbfe1ea061101a