私はP'unk AvenueのApostropheの主任開発者です。
これらのファイルはlib/modules/apostrophe-assets/public/css(および必要に応じてそのサブディレクトリ)に置くことができ、apostrophe-assets
の設定に他のすべてのファイルをインポートするものを含めることができますチュートリアル:
Pushing assets to the browser
それとも、また、カスタムサイト固有のスタイルをインポートし、独自のLESSファイルからインポートすることもできます。それは本当にあなた次第です。もちろん
あなたouterLayout.html
link
経由してscript
タグに直接資産を追加することからあなたを停止しますが、あなたはアポストロフィの縮小プロセスを利用したい場合は、チュートリアルに従う何もありません。
明確にするために、アポストロフィ内の任意およびすべてのテンプレートは、どのような方法でnode_modules /アポストロフィフォルダを変更することなく、特定のプロジェクトのために無効にすることができます。
テンプレートは、このパスに存在する場合:
node_modules/apostrophe/lib/module/MODULE-NAME/views/TEMPLATE-NAME.html
は、それからちょうどプロジェクトにここでそれをコピーします。
lib/module/MODULE-NAME/views/TEMPLATE-NAME.html
そして、あなたのバージョンが代わりにレンダリングされます。
あなたが自分で発明したテンプレートを拡張するNunjucks extends
キーワードを使用することができます。また、別のモジュールにあるテンプレートを拡張するために、クロスモジュールの構文を使用することができます。
{# Finds it in the apostrophe-templates module, your version first, #}
{# node_modules if that doesn't exist #}
{% extends "apostrophe-templates:layout.html" %}
希望、これは少し良く物事をクリア!
ありがとうございます。 これを実装する方法は、プロジェクトのnode_modulesフォルダーからアポストロフィアセット/パブリックフォルダーにファイルを移動する際に、私が避けようとしていたものです。 また、なぜ自分のテンプレートを 'lib'フォルダから作成できないのですか?アポストロフィーのアーキテクチャの背後にある哲学について説明しているドキュメントがありますか? –
これはフォーラムで回答されましたが、他の誰でもここで読んでいます: –
cssファイルを含める方法はまだ不明です。ファイルを少なくしてアポストロフィアセットを提供する必要がありますか、自分の少ないファイルをコンパイルしてアポストロフィにCSSファイルを付けることはできますか?チュートリアルでは、cssファイルについて何も言及していません。 さらに、自分のcssファイルを自分のモジュールに入れることはできますか?もしそうなら、どのようにそれらのCSSファイルを含めるのですか?私のファイルがある場合: /libに /モジュール /私のモジュール index.js /公共 /CSS 私-Styles.cssを どのようTEMPLATEで私-Styles.cssを含みませんか?現在、 'self.pushAsset( 'stylesheet'、 'my-styles'、{when: 'always'});' –