1

以前のバージョンの ExtJS では、 にcompass compile配置された各 sass ファイルresources/sassを個別の CSS ファイルにコンパイルしていました。例えば：

app.scss ---> app.css

login.scss ---> login.css

ExtJS 4 (具体的には 4.2.1) の新しいテーマ構造を使用して同様のことを達成し、Sencha Cmd (実行中sencha app build) でカバーされるビルド プロセス全体とうまく統合できるかどうか疑問に思っています。

4

2 に答える 2

3

Sencha Cmd ビルド プロセスは、アプリのビルド ディレクトリにある SASS ファイルを自動的にコンパイルします。標準のビルド プロセスでは、Sencha Cmd はテーマの SASS ファイルを自動的に生成し、それらをビルド フォルダーに配置しますが、Sencha Cmd の Ant 統合を使用して独自の SASS ファイルをコピーすることもできます。

sass/stylesheetsコンパイルしたいディレクトリに格納された一連の SASS スタイルシートがあるとします。

Project
 -> app
 -> build
     -> production
     -> testing
 -> resources
 -> sass
     -> etc
     -> example
     -> src
     -> var
     -> stylesheets
 -> build.xml

次のターゲットをファイルに追加するだけで、SASS コンパイルの前に、そのフォルダー内のすべてのファイルがビルド ディレクトリにbuild.xmlコピーされます。.scss

<target name="-before-sass">
    <copy todir="${build.dir}">
        <fileset dir="${app.dir}/sass/stylesheets">
            <include name="*.scss"/>
        </fileset>
    </copy>
</target>

次に、 を実行sencha app buildすると、SASS ファイルのコピーが にbuild/production、コンパイルされた CSS が の下に表示されbuild/production/resourcesます。

于 2013-08-12T14:46:46.753 に答える