javascript - 我应该如何测试我的不同汇总包

Question

假设我使用汇总配置制作了 3 个库包

• esm
• cjs
• umd

我想在各自的环境中尝试每个捆绑包。

• 我将如何进行？
• 你知道任何已经实现了这些测试的存储库的例子吗？

标签： javascriptrollup

Answer 1

有必要吗？通常我只对源代码进行单元测试。无论如何，唯一的区别是使用或不使用 babel。

安装

npm i @babel/register mocha

.babelrc

{
  "presets": ["@babel/preset-env"]
}

//package.json
{
//...
 "scripts":
    "test:es": "mocha test/index.esm.js --require @babel/register",
    "test:cjs": "mocha test/index.cjs.js",
    "test:umd": "mocha test/index.umd.js"
  }
}

“import/require”部分在测试文件中有所不同：

//test/index.esm.js
import xx from '../dist/xx.esm.js'

//test/index.cjs.js
const xx = require('../dist/xx.cjs.js')

//test/index.umd.js
const xx = require('../dist/xx.umd.js')

对于 umd，您也可以在浏览器环境中对其进行测试。只需构建一个 html 文件，包含 mocha.js、umd.js 和 <script> 标签并运行它。