3

ExtJS プロダクション ビルドに含めたい既存の CSS ファイルがあります。

カスタムテーマを使用しています。MyApp/packages/myCustomTheme/sass/etc/ に@import移動して、all.scss ファイルで を使用できることはわかっています。しかし、それは@import本番ファイルで を使用します。

既存の CSS ファイルをアプリの残りの CSS と一緒に圧縮する方法があることを願っています。

4

2 に答える 2

2

本番ビルドにカスタム css ファイルを含めるには、.xml ファイルの<!-- <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>

これを行うより良い方法があるかどうかはわかりません。これまでのところ、これは私にとってはうまくいきました。お役に立てれば。

于 2013-05-22T03:16:47.197 に答える
1

ガイドによると、@importetc/all.scss にステートメントを配置する必要があります。

これを行うと、インポートされたファイルは実際にはテーマの css ファイルでコンパイルされていることがわかりました。本番ビルドではインポートは使用されませんでした。

http://docs.sencha.com/extjs/4.2.1/#!/guide/theming - 「カスタム ユーティリティ SASS の追加」のセクションを参照してください。

于 2013-09-30T21:16:11.907 に答える