У меня есть существующий файл CSS, который я хотел бы включить в свою сборку сборки ExtJS.Включить существующий файл CSS в пользовательскую тему extjs
Я использую пользовательскую тему. Я знаю, что могу пойти в MyApp/packages/myCustomTheme/sass/etc/и использовать @import в файле all.scss. Но это использует @import в производственном файле.
Я надеюсь, что я смогу получить существующий файл CSS, сжатый с остальной частью моего CSS приложения.
Согласно руководству, мы должны размещать @import заявления в etc/all.scss.
Я обнаружил, что при этом любые импортированные файлы были фактически составлены в файле css нашей темы. Импорт не использовался в сборке.
http://docs.sencha.com/extjs/4.2.1/#!/guide/theming - смотрите раздел "Добавление пользовательских утилит SASS"
Чтобы добавить свой собственный файл 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>
Я не знаю, есть ли лучший способ сделать это. Пока это сработало для меня. Надеюсь это поможет.
Благодаря @cclerville. Это будет хорошим резервом, я все еще надеюсь, что будет решение, которое будет работать на пользовательском уровне темы, чтобы мои файлы были обернуты в мою тему. – Brett