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

Question

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

• esm
• cjs
• umd

我想在各自的环境中尝试每个 bundle 。

• 我该如何进行？
• 您知道已经实现这些测试的存储库示例吗？

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> 标签并运行它。