Angular cli 6 karma.conf.json Как подключить глобальные стили?

Question

[Сергей]

Подключаю глобальный scss в karma.conf. Добавил karma-scss-preprocessor, но при запуске возникает ошибка на ~

30 05 2018 21:27:16.214:ERROR [preprocessor.scss]: src\styles.scss
 2:1 File to import not found or unreadable: ~styles/fonts.

Может кто знает как решить?

// Karma configuration file, see link for more information
// https://karma-runner.github.io/1.0/config/configuration-file.html

module.exports = function (config) {
  config.set({
    basePath: '',
    frameworks: ['jasmine', '@angular-devkit/build-angular'],
    plugins: [
      require('karma-jasmine'),
      require('karma-chrome-launcher'),
      require('karma-jasmine-html-reporter'),
      require('karma-coverage-istanbul-reporter'),
      require('@angular-devkit/build-angular/plugins/karma'),
      require('karma-scss-preprocessor')
    ],
    files: [
      { pattern: './src/styles.scss', watched: true,  included: true, served: true }
    ],
    preprocessors: {
      './src/styles.scss': ['scss']
    },
    client:{
      clearContext: false // leave Jasmine Spec Runner output visible in browser
    },
    coverageIstanbulReporter: {
      dir: require('path').join(__dirname, 'coverage'), reports: [ 'html', 'lcovonly' ],
      fixWebpackSourcePaths: true
    },
    angularCli: {
      environment: 'dev'
    },
    reporters: ['progress', 'kjhtml'],
    port: 9876,
    colors: true,
    logLevel: config.LOG_INFO,
    autoWatch: true,
    browsers: ['Chrome'],
    singleRun: false
  });
};

Comments

[Сергей]

Как я понял Karma не понимает тилюду "~" при инициализации в св-ве files, однако понимает уже внутри самого компонента. На текущий момент просто убрал тильду из styles.scss и ее импортов, что позволило запустить без ошибок. Однако, может кто-нибудь знает как научить карма понимать "~"