問題タブ [gatsby]
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.
reactjs - 静的 React アプリ/ウェブページ 多言語
私はこの質問を理解するために1週間を費やしました。現在、gatsbyを使用して静的Webアプリを生成しています。私はそれをやろうとしました
それは一種の作品ですが、それでも完全な解決策ではありません。強力な React-Intl について考えていますが、よくわかりません。静的なアプリ/ウェブページは可能ですか?
他の提案はありますか？
facebook - Gatsby js/React js の Facebook ピクセル
私は最近、gatsbyjs を使用してサイトを開発しました。サイトで Facebook 変換ピクセルを使用したいと考えています (Google アナリティクスと同様に)。コンバージョン タイプの広告を掲載できるように、それらを機能させるためのアイデアやサポートが必要です。5歳児のように話しかけてくれると、とても助かります。
レンダリングするコード<head>は次のとおりです。
私のFacebookピクセルは次のようになります。
javascript - Gatsby.jsのボディタグに動的クラスを追加するには?
html.jsデフォルトでテンプレート ファイル内で変更されるのは head メタ タグとコンテンツだけであるため、これは明らかに簡単な作業ではありません。
メタ タグはヘルメット コンポーネント ({head.title.toComponent()}および{head.meta.toComponent()}) によって処理され、テンプレート内の HTML の変更は React によって管理されます。( <div id="react-mount" dangerouslySetInnerHTML={{ __html: this.props.body }} />)
ただし、 body タグは React の範囲外であるため、ページ間を移動するときにオンザフライで変更する方法がわかりません。各ページに異なるボディの背景を適用したいので、それはまさに私が必要とするものです.
exports.onRouteUpdateinを使用してこれを解決できることはわかっていgatsby-browser.jsますが、ブラウザーで JS が無効になっている場合でもクラスが存在するようにしたいと考えています。bundle.js静的サイト HTML を生成するだけで、ファイルなしでエクスポートしてもそこにあることを意味します。
webpack - Stylus を Gatsby の CSS ファイルにトランスパイルする方法は?
CSS を文字列にしてサイトの HTML に埋め込むのではなく、通常の昔ながらの CSS ファイルを生成する必要がありbundle.jsますbundle.css。
私は Webpack に詳しくありませんが、.stylファイルを置いpages/て Stylus ローダーをセットアップすると、gatsby-node.jsこれが魔法のように起こると思っていましたが、そうではないようです。
gatsby - Gatsby console.log ステートメントが出力されない
console.logビルドを実行するコードの重要な部分にいくつかのステートメントを配置することで、Gatsby の問題を解決しようとしています。ただし、これらのステートメントはコンソールに出力されません。
debug()また、コンソールなどに出力するために Gatsby 自体が使用する機能を使用してみました"Generating Static HTML"が、これも機能しません。
ローカルにインストールされた Gatsby を使用し、./node_modules/.bin/gatsby build.
Obs .: 上のログ ステートメントは印刷されますが、それによってインポートされたファイルやその他のファイルgatsby/bin/gatsby.jsは印刷されません。gatsby/lib/bin/cli.js
reactjs - 「同じフォルダー」パラダイムに関係なく、Gatsbyjs でテンプレートを割り当てる
テンプレートを Gatsbyjs のページ (_template.js) に割り当てることは、テンプレートによって変換されるページと同じフォルダーに配置する以外の方法で行うことはできますか? フォルダー間で共通のテンプレートを使用したいことは想像できますが、必ずしも同じテンプレートを使用するとは限りません。「テンプレート」フォルダーを用意して、何らかの方法でそれらを割り当てたいと思います。