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

Question

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

• esm
• cjs
• umd

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

• 如何继续
• 你知道已经实现这些测试的存储库的例子吗

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"
  }
}

"导入/要求"；测试文件中的零件不同：

//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和<脚本>标记并运行它。