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

时间:2019-02-01 05:38:07

标签: typescript mocha

我正在使用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内容文件并执行测试?

1 个答案:

答案 0 :(得分:0)

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

效果很好。