Question

我正在使用TypeScript和webpack构建应用程序。在我的.ts文件中，我有这样的代码：

let template = require('./example.component.html');
let style = require('./example.component.scss');

我的Webpack加载程序是这样的：

{
    test: /\.scss$/,
    exclude: [path.resolve(__dirname, 'demo/index.scss')],
    use: ['to-string-loader', 'css-loader', 'postcss-loader', 'sass-loader']
},
{
    test: /\.html$/,
    exclude: /node_modules/,
    use: ['html-loader'],
}

我还有一个..test / mocha.opts文件，内容如下：

--require ts-node/register
--require ./test/css-modules-compiler.js
--recursive
--module commonjs

然后执行我的测试：

mocha src/**/*.spec.ts

使用webpack执行应用程序工作正常。

执行测试时，它不知道如何加载.html文件，并且出现以下错误：

/path/to/project/node_modules/typescript/lib/typescript.js:117452
            throw new Error("Could not find file: '" + fileName + "'.");
                  ^
Error: Could not find file: '/path/to/project/src/example/example.component.html'.

如何正确加载.html内容文件并执行测试？

Answer 1

回答我自己的问题。我决定使用karma-runner进行测试并进行转换，然后再使用mocha进行测试。

效果很好。

如何使用打字稿要求.html文件并使用Mocha测试

1 个答案: