测试 – 如何在webpack中集成karma

发布时间：2020-12-14 04:56:33 所属栏目：百科来源：网络整理

导读：我是一个webpack新手,对测试有疑问. 我有一个使用webpack,typescript和karma作为测试运行器的项目,我想在每次文件更改时运行我的测试(例如在“监视”模式下) 我知道karma-webpack,当我将业力作为自己的过程(业力开始……)时,它运作良好但我想要的是将业力整

我是一个webpack新手,对测试有疑问.

我有一个使用webpack,typescript和karma作为测试运行器的项目,我想在每次文件更改时运行我的测试(例如在“监视”模式下)

我知道karma-webpack,当我将业力作为自己的过程(业力开始……)时,它运作良好

但我想要的是将业力整合到webpack流程中.
所以,从我天真的角度来看,我认为必须在预装webpack(例如linter)时定义业力.

但我一无所获……
我无法相信这种常见的工作流程是不可能的(对每个源更改运行测试)

你们有人可以给我一个建议吗？

解决方法

我有同样的问题,我使用的TDD工作流程.编写测试后,更改代码,测试不会重新运行.可以对每个文件更改运行测试.

由于karma files有3个选项：包括,服务,观看.

您可以将包指定为模式,然后告诉业者观看它

karma.config.js

files: [
  // watch final file so when source change and it's final file,re run the test
  { pattern: './dist/js/*.wp.js',watched: true},],

但是当我们使用业力开始时,没有webpack活跃并且正在观看.所以使用concurrently来运行业力和webpack.请注意,webpack应该只监视源代码,业力应该观察捆绑文件.
然后我们可以像这样添加脚本属性到package.json

package.json

"scripts": {
  "test": "karma start karma.config.js","build": "webpack","dev": "concurrently "webpack --progress --colors --watch" "karma start karma.config.js --colors"",},

然后运行npm run dev开始编码

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!