为什么 mocha-webpack 在 test 文件夹而不是 app 文件夹中搜索组件？答案

【问题标题】：Why does mocha-webpack search component in test folder instead of app folder?为什么 mocha-webpack 在 test 文件夹而不是 app 文件夹中搜索组件？
【发布时间】：2018-09-05 12:48:24
【问题描述】：

我刚开始使用 mocha 作为我的单元测试库，但目前我在运行 npm run test 时偶然发现了一个问题，它会抛出以下消息：

WEBPACK  Failed to compile with 1 error(s)

Error in ./test/my-app/test-TermConditionContent.spec.js

  Module not found: './components/UI/TermConditionContent' in '/home/user/my-project/dir/my-app/test/my-app'

mocha-webpack 在其测试文件夹中搜索而不是 dir

这是我的项目结构：

/home
 /my-project
  /dir
   /my-app
    /applications
      /my-sub-app-1
      /my-sub-app-2
    /test
      /my-sub-app-1
       /test-TermConditionContent.spec.js
      /my-sub-app-2
    package.json
    webpack.config-test.js

这是我在package.json 中的test 命令：

 "test": "mocha-webpack --require ignore-styles --require babel-core/register --require jsdom-global/register --webpack-config webpack.config-test.js 'test/my-app/test-*.spec.{jsx,js}'"

注意：

我正在使用 webpack 和 babel
我已经安装了 mocha-webpack
它适用于常规 mocha，但我需要修复测试文件的导入路径及其相对路径的依赖关系。这需要花费大量时间

有没有人遇到过这种情况，谁能解释一下如何解决这个问题？

我怀疑这是错误的 webpack 配置。

【问题讨论】：

标签： javascript unit-testing webpack mocha.js

【解决方案1】：

通过更改修复它：

var TermConditionContent = require('./components/UI/TermConditionContent')

到

var TermConditionContent = require('/components/UI/TermConditionContent')

并解析 webpack 配置中的路径。

【讨论】：