Css 角度单元测试-忽略样式表
我正试图加快一个相当大的非cli应用程序的单元测试,我有一个想法:如果我跳过了样式表呢?运行测试最慢的一步(大幅度)是Webpack编译应用程序中包含的数千个scss样式表 我已更改网页包设置以加载这些文件的空模块:Css 角度单元测试-忽略样式表,css,angular,webpack,karma-runner,testbed,Css,Angular,Webpack,Karma Runner,Testbed,我正试图加快一个相当大的非cli应用程序的单元测试,我有一个想法:如果我跳过了样式表呢?运行测试最慢的一步(大幅度)是Webpack编译应用程序中包含的数千个scss样式表 我已更改网页包设置以加载这些文件的空模块: { test: /\.css$/, use: 'null-loader' }, { test: /\.scss$/, use: 'null-loader' }, 当然,Angular testbed的元数据解析器现在抱怨模块为空 Error: Expected 'style
{ test: /\.css$/, use: 'null-loader' },
{ test: /\.scss$/, use: 'null-loader' },
当然,Angular testbed的元数据解析器现在抱怨模块为空
Error: Expected 'styles' to be an array of strings.
at assertArrayOfStrings (webpack:///node_modules/@angular/compiler/esm5/compiler.js:2522 <- config/spec-bundle.js:109446:19)
at CompileMetadataResolver.getNonNormalizedDirectiveMetadata (webpack:///node_modules/@angular/compiler/esm5/compiler.js:14965 <- config/spec-bundle.js:121889:13)
错误:“样式”应为字符串数组。
在assertArrayOfStrings(webpack:///node_modules/@angular/compiler/esm5/compiler.js:2522我解决了它
通过创建一个将所有.scss文件作为空字符串加载的自定义加载程序,我可以大大减少编译单元测试所需的时间
ignore-sass-loader.js:
然后通过向网页包配置添加别名来解决此问题:
module.exports = function () {
return {
resolveLoader: {
alias: {
'ignore-sass-loader': resolve(__dirname, '../config/loaders/ignore-sass-loader')
}
},
最后,我将我的加载器与原始加载器一起使用:
{
test: /\.scss$/,
use: ['raw-loader', 'ignore-sass-loader'],
},
{
test: /\.scss$/,
use: ['raw-loader', 'ignore-sass-loader'],
},