URL-адрес стиля компонента Angular

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

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

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

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

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

Как мы можем заставить это работать со styleUrls?

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


angular webpack-2
person stephan.peters    schedule 29.08.2018    source источник

Ответы (1)


arrow_upward
0
arrow_downward

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

{
   test: /\.css$/,
   includes: [
      path.join(_dirname, 'src/main/webapp/app')
   ]
   loader: [
        'raw-loader',
        'css-loader'
   ]
}
person Aniket Avhad    schedule 29.08.2018
comment
Я пробовал следующее, потому что include не распознается, и для массива нужно использовать загрузчики, но безуспешно. Браузер по-прежнему пытается загрузить несуществующий файл css. { test: /\.css$/, loaders: [ 'raw-loader', 'css-loader' ] - person stephan.peters; 29.08.2018