Angular2, webpack добавить внешний css глобально к ng2-admin

Question

Я начал использовать ng2-admin, и у меня возникли проблемы с primeng. Я использую datatable, и стили primeng не применяются, у меня есть обычная уродливая неформатированная таблица.

Я следуя инструкции здесь: http://www.primefaces.org/primeng/#/setup

Я добавил эти строки в другом проекте:

<link rel="stylesheet" type="text/css" href="node_modules/primeui/themes/omega/theme.css" /> 
<link rel="stylesheet" type="text/css" href="YOUR_PATH/font-awesome.min.css" /> 
<link rel="stylesheet" type="text/css" href="node_modules/primeui/primeui-ng-all.min.css" /> 

Он работал в прошлом, но это NG2-администратор проект использует Webpack и I Он не очень хорошо знаком с этим. Я читал об этом, и он говорит, чтобы использовать загрузчик css в файле webpack.config.js. Я просто не знаю, где и как его добавить.

Если я добавлю ссылку непосредственно в файл index.html, файлы получат файлы 404 в соответствии с приведенной ниже ссылкой. https://github.com/akveo/ng2-admin/issues/25

Вот сайт NG2-администратор https://github.com/akveo/ng2-admin/tree/master/config Глядя на файлах, которые я имею в виду, может быть webpack.common.js как для прода и разработчика?

Я бы очень признателен за помощь, спасибо.

Answer 1

Рассматривая файл конфигурации/webpack.common.js я понял, что node_module папка была доступна для использования в течение всего приложения, я просто должен был создать файл somename.loader.ts добавить две строки:

require('style-loader!primeui/themes/omega/theme.css'); 
require('style-loader!primeui/primeui-ng-all.min.css'); 

, а затем включить этот загрузчик в мой компонент, как это:

import './somename.loader.ts';