Wie man eine externe css-Datei mit Webpack und Angular2?

Ich versuche, fügen Sie eine externe Referenz auf eine CSS-Datei in Angular2 mit Webpack.
Mein css ist definiert als

{ test: /\.css$/, loader: "style-loader!css-loader" },

in meinem webpack.config.js Datei und ich kann laden css nur in Ordnung, wenn dabei in einem Kopf einer typescript-Datei:

require("./styles/style.css");

Jedoch wenn ich versuchen und laden Sie eine CSS-Datei inline innerhalb einer Komponente, wie in:

@Component({
selector: 'todo-list',
template: `
            <section class="todoapp">                 
            </section>
`,
styles: [require('./Todolist.css')], //<--------------
directives: [TodoItem],
providers: [TodosService]
...

Bekomme ich eine Fehlermeldung: EXCEPTION: TypeError: s.ersetzen Sie ist nicht eine Funktion

Ich habe auch versucht, laden von CSS über:

styles: [require('style-loader!css-loader!./Todolist.css')]

aber nicht viel Glück

jede Hilfe ist willkommen

hinsichtlich

Sean

InformationsquelleAutor born2net | 2016-01-20
Schreibe einen Kommentar