2016-12-20 3 views
0

アポストロフィプロジェクトでLESSファイルからブートストラップをコンパイルするにはどうすればよいですか?アポストロフィCMSでNPMを使用するTwitterブートストラップファイルを使用しない

はそれがNPM経由でブートストラップをインストールすることをお勧めします、または私は手動でブートストラップをダウンロードしてlib/modules/apostrophe-assets/にファイルを配置する必要がありますか?

私はこれを試して把握するために知っているドキュメントを見直しました。私は、libフォルダの外にあるCSSとJSのアセットを含めることに関するいかなる文書も見つけられません。

答えて

1

私はP'unk AvenueのApostropheの主任開発者です。

これらのファイルはlib/modules/apostrophe-assets/public/css(および必要に応じてそのサブディレクトリ)に置くことができ、apostrophe-assetsの設定に他のすべてのファイルをインポートするものを含めることができますチュートリアル:

Pushing assets to the browser

それとも、また、カスタムサイト固有のスタイルをインポートし、独自のLESSファイルからインポートすることもできます。それは本当にあなた次第です。もちろん

あなたouterLayout.htmllink経由して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" %} 

希望、これは少し良く物事をクリア!

+0

ありがとうございます。 これを実装する方法は、プロジェクトのnode_modulesフォルダーからアポストロフィアセット/パブリックフォルダーにファイルを移動する際に、私が避けようとしていたものです。 また、なぜ自分のテンプレートを 'lib'フォルダから作成できないのですか?アポストロフィーのアーキテクチャの背後にある哲学について説明しているドキュメントがありますか? –

+0

これはフォーラムで回答されましたが、他の誰でもここで読んでいます: –

+0

cssファイルを含める方法はまだ不明です。ファイルを少なくしてアポストロフィアセットを提供する必要がありますか、自分の少ないファイルをコンパイルしてアポストロフィにCSSファイルを付けることはできますか?チュートリアルでは、cssファイルについて何も言及していません。 さらに、自分のcssファイルを自分のモジュールに入れることはできますか?もしそうなら、どのようにそれらのCSSファイルを含めるのですか?私のファイルがある場合: /libに /モジュール /私のモジュール index.js /公共 /CSS 私-Styles.cssを どのようTEMPLATEで私-Styles.cssを含みませんか?現在、 'self.pushAsset( 'stylesheet'、 'my-styles'、{when: 'always'});' –

関連する問題