Why are styles not loading for Angular2?

Question

Angular

I'm trying to load styles, but they are not connected, very strange

import { Component, ViewEncapsulation } from '@angular/core';
declare var $:any;
console.log([`themes/${process.env.THEME}.scss`, 'app.component.scss'])

@Component({
  selector: 'my-app', // <my-app></my-app>
  templateUrl: './app.component.html',
  styleUrls: [`themes/beeline.scss`, 'app.component.scss'],
  encapsulation: ViewEncapsulation.None
})
export class AppComponent {

  constructor() {



  }
}

As a result, I still don’t understand why another sass file is not connected. Webpack

is responsible for loading the styles:

// all css required in src/app files will be merged in js files
      {test: /\.(scss|sass)$/, exclude: root('source', 'style'), loader: 'raw-loader!sass-loader!postcss-loader'},

And so, too, the loader does not load the path, just a line is inserted, an error occurs

@Component({
  selector: 'my-app', // <my-app></my-app>
  templateUrl: './app.component.html',
  styleUrls: [
    './app.component.scss', 
    '/themes/' + process.env.THEME + '.scss'
  ],
  encapsulation: ViewEncapsulation.None
})

Answer 1

`` -> ''