Угловой компонент styleUrls

Question

Мы используем Angular 6 с WebPack 3 (без Angular CLI). Мы хотим иметь встроенный файл CSS.

Это работает: styles: [require('./appel.css')]

Это не работает: styleUrls: ['./appel.css']

В веб-пакете у нас есть следующее правило:

{
   test: /\.css$/,
   loader: 'raw-loader'
}

Как мы можем работать с styleUrls?

Причина в том, что мы используем сторонний угловой модуль в node_modules, который использует styleUrls.

Answer 1

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

{
   test: /\.css$/,
   includes: [
      path.join(_dirname, 'src/main/webapp/app')
   ]
   loader: [
        'raw-loader',
        'css-loader'
   ]
}