問題タブ [harp]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
17022 参照

css - LESS: Bootstrap 使用時の認識できない入力エラー

Harp をアップグレードした後、CSS の関係のない行で認識されない入力エラーが発生し始めました。

Less -> CSS (認識されない入力) /Users/jorge/Dropbox/harp.io/apps/mysite.com/public/css/main.less

Bootstrap v2.2.2 と Harp v0.9.4 を使用。

0 投票する
1 に答える
463 参照

javascript - Harp.js で Jade ブロックを使用する方法はありますか?

Harp を使用してサイトを作成していますが、通常の != yield の作業方法と一緒に Jade ブロックを使用する方法があるかどうか疑問に思っていました。基本的に、ページ固有のスクリプトの場合、ブロックをレイアウトに渡したいと思います。現時点では、テンプレートのブロックにあるものはすべてそのままレイアウトに渡されます。

例えば:

出力:

何か案は?

0 投票する
1 に答える
724 参照

less - 「harp compile」は、bower を使用して font-awesome で NameError を返します

font-awesome と HarpJS を使用してプロジェクトを開発しています。font-awesome のコンパイル済み CSS バージョンを使用しているだけですが、bower を使用しているため、LESS ファイルもコンポーネント フォルダーにダウンロードされます。

問題は、アセットを dist フォルダーにコンパイルする必要があるときに、次のharp compileエラーが表示されることです。

このエラーは、HarpJS が font-awesome の bower パッケージに付属の LESS ファイルをコンパイルしようとしているために発生しています。いくつかの調査の後、私はこの答えを見つけました。これは、次のようなフォントの素晴らしいドキュメントのページを示しています。

ページ: http://fontawesome.io/get-started/#custom-less


プロジェクトのfont-awesome/less/variables.lessorを開き、 or変数をfont-awesome/scss/_variables.scss編集して、フォント ディレクトリを指すようにします。@fa-font-path$fa-font-path

例:


しかし、私の依存関係はbowerを使用してインストールされており、レポでそれらをチェックしていないため、このようなファイルを編集することはできません. 私がそれらをチェックインしたとしても、誰かbower installが font-awesome の更新版を入手するために使用するとすぐに、その変更は上書きされます。

この状況では、どのような回避策を使用しますか?

ヒント: 次のようにするだけで、これを再現できます。

0 投票する
3 に答える
1371 参照

javascript - Jade 実際のページを確認するための条件が含まれています

Jade のどのページであるかを確認し、そのページに基づいたもの (部分的なページまたは特定の CSS スタイル) を含める方法はありますか? 例えば:

にいる場合はhomepageHOMEPAGE-head.jade

それ以外の場合 - を含めますNORMAL-head.jade

コンテキスト内の例を次に示します。

ありがとうございました!

0 投票する
1 に答える
2320 参照

json - JSONの配列内の名前付きオブジェクトにアクセスするには?

Jade テンプレートを使用して、Harp プロジェクトに取り組んでいます。コンテンツが入力されていますが、_data.json思ったようにアクセスできません。この JSON 構造を考えると:

mountain-residence.sections.exterior.title("Exterior Photos")のように、配列内の名前付きオブジェクトにアクセスする方法がわかりません。努力してもうまくいきmountain-residence.sections['exterior'].titleません。で同じプロパティにアクセスできmountain-residence.sections[0].title、JSON は有効なようですが、その名前でオブジェクトを呼び出す必要があります...これを行う方法はありますか?

たとえば"mountain-residence"、ページに入力します。私の一般的なアイデアは、各オブジェクトに"sections"独自のサブページを入力させることでした。そのため、JSON を介して名前で呼び出すことができるようにしたいと考えています。