Включить существующий файл CSS в пользовательскую тему extjs

У меня есть существующий файл CSS, который я хотел бы включить в производственную сборку ExtJS.

Я использую пользовательскую тему. Я знаю, что могу перейти в MyApp/packages/myCustomTheme/sass/etc/ и использовать @import в файле all.scss. Но это использует @import в производственном файле.

Я надеюсь, что есть способ сжать мой существующий файл CSS с остальной частью CSS моего приложения.


themes extjs extjs4.2
person Brett    schedule 09.05.2013    source источник

Ответы (2)


arrow_upward
2
arrow_downward

Чтобы включить свой пользовательский файл css в производственную сборку, вы можете добавить таблицу стилей над комментарием <!-- <x-compile> --> в файл index.html. Итак, ваш index.html должен выглядеть так:

<!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>YourAppName</title>
    <link rel="stylesheet" href="link-to-custom.css">
    <link rel="stylesheet" href="link-to-another-custom.css">
        <!-- <x-compile> -->
            <!-- <x-bootstrap> -->
                <link rel="stylesheet" href="bootstrap.css">
                <script src="ext/ext-dev.js"></script>
                <script src="bootstrap.js"></script>
            <!-- </x-bootstrap> -->
            <script src="app/app.js"></script>
        <!-- </x-compile> -->
</head>
<body></body>

I don't know if there is better way of doing this. So far this has worked for me. Hope this helps.

person cclerv    schedule 22.05.2013
comment
Спасибо @cclerville. Это будет хорошим запасным вариантом, я все еще надеюсь, что будет решение, которое будет работать на уровне пользовательской темы, чтобы мои файлы были завернуты в мою тему. - person Brett; 22.05.2013

arrow_upward
1
arrow_downward

Согласно руководству, мы должны разместить операторы @import в файле etc/all.scss.

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

http://docs.sencha.com/extjs/4.2.1/#!/guide/theming - см. раздел "Добавление пользовательской утилиты SASS"

person Brett    schedule 30.09.2013