测试 – 如何在webpack中集成karma

我是一个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开始编码