問題タブ [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.
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 を使用。
javascript - Harp.js で Jade ブロックを使用する方法はありますか?
Harp を使用してサイトを作成していますが、通常の != yield の作業方法と一緒に Jade ブロックを使用する方法があるかどうか疑問に思っていました。基本的に、ページ固有のスクリプトの場合、ブロックをレイアウトに渡したいと思います。現時点では、テンプレートのブロックにあるものはすべてそのままレイアウトに渡されます。
例えば:
出力:
何か案は?
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.less
orを開き、 or変数をfont-awesome/scss/_variables.scss
編集して、フォント ディレクトリを指すようにします。@fa-font-path
$fa-font-path
例:
しかし、私の依存関係はbowerを使用してインストールされており、レポでそれらをチェックしていないため、このようなファイルを編集することはできません. 私がそれらをチェックインしたとしても、誰かbower install
が font-awesome の更新版を入手するために使用するとすぐに、その変更は上書きされます。
この状況では、どのような回避策を使用しますか?
ヒント: 次のようにするだけで、これを再現できます。
javascript - Jade 実際のページを確認するための条件が含まれています
Jade のどのページであるかを確認し、そのページに基づいたもの (部分的なページまたは特定の CSS スタイル) を含める方法はありますか? 例えば:
にいる場合はhomepage
、HOMEPAGE-head.jade
それ以外の場合 - を含めますNORMAL-head.jade
コンテキスト内の例を次に示します。
ありがとうございました!
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 を介して名前で呼び出すことができるようにしたいと考えています。