我正在使用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内容文件并执行测试?
答案 0 :(得分:0)
回答我自己的问题。我决定使用karma-runner进行测试并进行转换,然后再使用mocha进行测试。
效果很好。