Probleme Externe CSS-Dateien mit ExtJS arbeiten 6

Ich habe meine App die normale Weise mit cmd in Ext 5 erstellt und was ich getan hatte, war einfach meine CSS-Dateien (in der index.html-Datei) und wenn ich würde run sencha app build mein Styles Word überschreibt die in ext (das sind Dinge wie das Body-Tag).Probleme Externe CSS-Dateien mit ExtJS arbeiten 6

Jetzt habe ich mein ext-Projekt mit Cmd wieder von Grund auf neu erstellt, in meinem app.js und App-Ordner kopiert und es funktioniert, aber es scheint, dass meine App mein Body-Tag blinkt, aber dann geht es weg und die Standard-CSS übernimmt.

Das heißt, in meiner in meiner index.html habe ich die Zeilen:

<link href="/Content/Styles/scrum-style.css" rel="stylesheet" type="text/css"/> 
<link href="/Content/Styles/SessionSchedule.css" rel="stylesheet" type="text/css"/>

*** hinzugefügt Hinweis: Nach der Lektüre ich die CSS aus den beiden Dateien in/sass/kopiert haben etc/all.scss und das schob die CSS in den oberen Bereich der generierten Datei, aber es scheint immer noch überschrieben zu werden.

(veröffentlicht auch Sencha Foren gestern bekam aber keine Antwort so hier versuchen)

Quelle

2016-04-04 Peter Kellner

Ich verstehe nicht, was genau Sie versuchen zu tun. Die Aufnahme meiner eigenen JS- oder CSS-Dateien funktioniert für mich gut. – Alexander

Ich erkannte, dass ich den Thematyp nicht aktualisiert hatte, als ich die App neu erstellte und Probleme verursachte. sobald ich wieder zu dem ursprünglichen grauen Thema wechselte, arbeitete das CSS korrekt, das ich vorher geschrieben hatte –

Sie könnten versuchen, sie zu app.json fügte hinzu:

"css": [ 
    { "path": "Content/Styles/scrum-style.css" }, 
    { "path": "Content/Styles/SessionSchedule.css" }, 
    { 
     // this entry uses an ant variable that is the calculated 
     // value of the generated output css file for the app, 
     // defined in .sencha/app/defaults.properties 
     "path": "${build.out.css.path}", 
     "bundle": true, 
     "exclude": ["fashion"] 
    } 
],

Oder man könnte sie aus der Ferne laden:

"css": [ 
    { "path": "Content/Styles/scrum-style.css", "remote": true }, 
    { "path": "Content/Styles/SessionSchedule.css", "remote": true }, 
    { 
     // this entry uses an ant variable that is the calculated 
     // value of the generated output css file for the app, 
     // defined in .sencha/app/defaults.properties 
     "path": "${build.out.css.path}", 
     "bundle": true, 
     "exclude": ["fashion"] 
    } 
],

Aber fügen Sie sie zu "Ressourcen" hinzu: [] auch um sie auf Build zu kopieren.

Quelle

2016-04-06 18:15:09

Es gibt 2 Möglichkeiten, externe CSS-Dateien in Ihre Anwendung zu integrieren.

Sie können Referenzen in index.html Datei hinzufügen. In diesem Fall müssen Sie nach dem Build CSS-Dateien manuell in den Ordner der Build-Anwendungsressourcen kopieren.
Sie können Referenz in app.json Datei in css-Array hinzufügen und App erstellen. In diesem Fall, wenn Sie in CSS-Datei ändern, müssen Sie App erstellen.

Quelle

2016-04-07 12:09:15

Probleme Externe CSS-Dateien mit ExtJS arbeiten 6

Antwort

Verwandte Themen