Угловое модульное тестирование - игнорировать таблицы стилей - PullRequest
Новая
       32

Угловое модульное тестирование - игнорировать таблицы стилей

0 голосов
/ 21 февраля 2019

Я пытаюсь ускорить юнит-тесты для довольно большого non-cli приложения Angular и подумал: а что если я пропущу таблицы стилей?Самым медленным шагом в выполнении тестов (с большим отрывом) является Webpack, собирающий тысячи таблиц стилей scss, содержащихся в приложении.

Я изменил настройки webpack, чтобы загрузить пустые модули для этих файлов: 

 { test: /\.css$/, use: 'null-loader' },
 { test: /\.scss$/, use: 'null-loader' },

Но, разумеется, распознаватель метаданных в угловом тестовом стенде теперь жалуется на то, что модули пусты .. 

 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)

Я думаю, что здесь нужно либо загрузить каждую таблицу стилей какпустую строку или настройте тестовый стенд таким образом, чтобы он игнорировал ссылки на файлы .scss в метаданных компонента.

Есть ли способ выполнить одно из этих решений или, возможно, существует более разумный способидти об этом?

1 Ответ

0 голосов
/ 14 марта 2019

Я решил это!

Создав пользовательский загрузчик, который загружает все .scss-файлы как пустые строки, я могу значительно сократить время, необходимое для компиляции моих модульных тестов.

ignore-sass-loader.js: 

const sass = require("node-sass");
const async = require("neo-async"); const threadPoolSize = process.env.UV_THREADPOOL_SIZE || 4;
const asyncSassJobQueue = async.queue(sass.render, threadPoolSize - 1);

module.exports = function ignoreSassLoader(content) { 
    const callback = this.async(); 

    asyncSassJobQueue.push({}, () => { 
        callback(null, ' '.toString(), null); 
    }); 
};

Затем это решается добавлением псевдонима в конфигурацию веб-пакета: 

module.exports = function () {
    return {
               resolveLoader: {
                   alias: {
                       'ignore-sass-loader': resolve(__dirname, '../config/loaders/ignore-sass-loader')
                   }
               },

И, наконец, я использую свой загрузчиквместе с raw-загрузчиком: 

{
     test: /\.scss$/,
     use: ['raw-loader', 'ignore-sass-loader'],
},
...