mocha.js - 当您没有单一的测试入口点时，如何使用 webpack 运行 mocha 测试？

Question

我正在尝试将项目从 browserify+mochify 转换为 webpack。

webpack docs演示如何使用 mocha-loader 与 webpack-dev-server 一起运行测试，但假定测试有一个入口点。

所有现有测试都是使用 mochify 设计的请记住，它不需要单个入口点，因为它递归地捆绑了 ./test/*.js。

Answer 1

下面的设置有点适合我。它仍然使用 mochify 来运行测试(因为它具有所有 phantomjs 接口(interface))，但不依赖于 browserify 中的任何内容。如果您运行 webpack --watch，它会在文件更改时重新运行所有测试。

webpack.config.js:

var path = require("path");
var child_process = require('child_process');

module.exports = {
  entry: {
    tests: "./tests.js"
  },
  output: {
    filename: "tests.js", // Should be a unique name
    path: "/tmp"
  },
  plugins: [
    // Automatically run all tests when webpack is done
    function () {
      this.plugin("done", function (stats) {
        child_process.execSync('mochify /tmp/tests.js', { stdio: 'inherit'});
      });
    }
  ],
};

tests.js:

// List all test dirs here if you have multiple
var contexts = [
  require.context('./dir1/test', true, /\.js$/),
  require.context('./dir2/test', true, /\.js$/)
];
contexts.forEach(function (context) {
  context.keys().forEach(context);
});

此处描述了另一种方法:https://stackoverflow.com/a/32386750/675011