Как посмотреть результаты тестов mocha-webpack в mocha-test-explorer VS Code Extension?

Question

Я работаю над только что созданным проектом Vue cli с TypeScript и модульным тестированием.

Я знаю, что Vue cli tests использует mocha-webpack для запуска тестов. И когда я набираю mocha-webpack на терминале тесты проходят нормально.

Но я бы хотел использовать mocha-test-explorer, расширение кода VS для тестирования mocha. Для лучшего опыта программирования.

Я установил расширение и настроил так:

"mochaExplorer.files": "tests/**/*.ts",
"mochaExplorer.require": "ts-node/register"

Но я все еще не могу видеть тесты. test-explorer показывает следующий вывод:

(function (exports, require, module, __filename, __dirname) { import { expect } from 'chai'
                                                              ^^^^^^
SyntaxError: Unexpected token import

Я знаю, что это потому, что мокко не загружает файлы через веб-пакет.

Что я должен сделать, чтобы увидеть тесты mocha-webpack в расширении mocha -test-explorer (или любом другом расширении графического интерфейса пользователя) для VS Code?