2016-04-04 2 views
0

Я создал свое приложение обычным способом с cmd в ext 5, и то, что я сделал, просто поместил мои файлы css (в файл index.html) и когда я run sencha app build my styles word переопределяет те в ext (это такие вещи, как тег body).Проблемы с внешними файлами CSS для работы с ExtJS 6

Теперь, я снова создал проект ext с cmd с нуля, скопированный в папку app.js и app, и это работает, но кажется, что мое приложение мигает тегом тела, но затем оно исчезает, а стандартный css берет на себя.

То есть, на моем в моей index.html у меня есть следующие строки:

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

*** Добавлен Примечание: После прочтения, я скопировал CSS из двух файлов в/дерзости/etc/all.scss, и это подтолкнуло css в начало сгенерированного файла, но все еще кажется, что оно переопределено.

(также размещен на Сенч форумы вчера, но не получил никакого ответа так пытается здесь)

+0

Я не понимаю, что именно вы пытаетесь сделать. Включение моих собственных файлов JS или CSS отлично подходит для меня. – Alexander

+0

Я понял, что не обновлял тип темы, когда я воссоздал приложение, и это вызвало проблемы. как только я вернусь к исходной серой теме, css работал правильно, я написал раньше –

ответ

1

Вы можете попробовать добавить их в app.json:

"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"] 
    } 
], 

Или вы можете загрузить их удалены:

"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"] 
    } 
], 

Но добавьте их в «ресурсы»: [], а также скопируйте их при сборке.

1

Есть два способа включить внешние файлы CSS в ваше приложение.

  1. Вы можете добавить ссылки в файл index.html. В этом случае после сборки вам нужно вручную скопировать файлы CSS в папку ресурсов приложения.
  2. Вы можете добавить ссылку в файл app.json в css-массив и создать приложение. В этом случае, если вы изменяете файл css, вам нужно создать приложение.
Смежные вопросы