/ / Angular2, webpack dodaje zewnętrzne css globalnie do ng2-admin - kątowy, webpack, primeng

Angular2, webpack dodaje zewnętrzne css globalnie do ng2-admin - kątowy, webpack, primeng

Zacząłem używać ng2-admin i mam problemy z primengiem Używam datatable i style primeng nie stosują się, mam prosty brzydki niesformatowany stół.

Postępuję zgodnie z instrukcjami tutaj: http://www.primefaces.org/primeng/#/setup

Dodałem te linie w innym projekcie:

<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" />

To działało w przeszłości, ale w tym projekcie ng2-adminużywa webpacka i nie jestem do końca zaznajomiony z tym, czytam o nim i mówi on o używaniu programu ładującego css w webpack.config.js Po prostu nie wiem gdzie i jak go dodać.

Jeśli dodaję link bezpośrednio do pliku index.html, pliki otrzymają plik 404 zgodnie z poniższym linkiem. https://github.com/akveo/ng2-admin/issues/25

Oto strona ng2-admin https://github.com/akveo/ng2-admin/tree/master/config Patrząc na pliki myślę, że może webpack.common.js zarówno dla prod i dev?

Byłbym wdzięczny za pomoc, dziękuję.

Odpowiedzi:

2 dla odpowiedzi № 1

Analizując plik config / webpack.common.js zdałem sobie sprawę, że folder node_module był dostępny do użycia w całej aplikacji, po prostu musiałem utworzyć plik somename.loader.ts, aby dodać dwie linie:

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

a następnie dołącz ten moduł ładujący do mojego komponentu w ten sposób:

import "./somename.loader.ts";