問題タブ [stenciljs]
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.
javascript - シャドウを使用して Web コンポーネント内で @import を使用してフォントをロードすると、ファイルがリロードされますか?
Stencil を使用して、ビューのカプセル化にシャドウを使用するネイティブ ブラウザー Web コンポーネントを作成しています。
私のSCSSファイルの一番上にある場合
これにより、各コンポーネントが各コンポーネント インスタンスのフォント/アイコン ファイルを再ダウンロードし、パフォーマンスに悪影響を与えることになりますか?
もしそうなら、この種の共有依存関係を処理するためのベストプラクティスは何ですか?
stenciljs - type: dist の baseUrl を構成します
outputTargetタイプのbaseUrl を構成するにはどうすればよいdistですか? このオプションは のタイプでのみ機能しているようですがwww、ネットワーク パネルを見ると、特定の URL からソースがまだ読み込まれています。
...そして、パーツを構成するオプションがないようです/assets/js。
ステンシル.config.js
typescript - Stenciljs カスタム イベントが @Listen 経由で応答しない
カスタム イベント エミッターのフローを理解しようとしています。マウスイベントが機能するローリングコードがありますが、カスタムイベントは機能しません。開発ツールを介して追跡すると、放出されますが、リスナーに拾われません。
トップレベルのコンポーネントは次のとおりです。
コンポーネントは次のとおりです。
最後に、index.html は次のとおりです。
stateChanged イベントが によって通知されない理由を教えていただけますmy-componentか?
angular - 別のフレームワーク内の特定の DOM 要素で Angular 2+ アプリをブートストラップする
特定のDOMノード内でAngular 2+アプリ(正確には6)をブートストラップしようとしています。my-componentこれを Web コンポーネント( StencilJSで作成)内で実行したいと考えています。
理想的には、セレクターまたは HTMLElement を使用して Web コンポーネントのルート要素からブートストラップできます。
ただし、問題は、Angular がページ上で「グローバルに」インスタンス化されるため、すべてのタグを Angular コンポーネントとして解釈しようとすることです。これは、自分の Web コンポーネント内にあるものだけではありません。
Webで見つかった3つの異なるアプローチを試しました。ただし、それらの多くは.bootstrap、新しい Angular バージョンでは使用できなくなった方法をまだ使用しています。アプリ全体ではなく、特定のノードでコンポーネントをインスタンス化するだけのものもあります。
NgDoBootstrap非常に有望な方法のように見えましたが、Angular がページ上で見つかったすべてのコンポーネントを解析することにもつながります。
この問題を調査するためにレポを作成しました。どんな助けでも大歓迎です。
visual-studio-code - VSCode デバッガーが Jest テストで動作しない
Visual Studio Code デバッガーを Jest テストで動作させるのに苦労しています。
これが私のlaunch.jsonです：
いくつかのブレークポイントを使用した Jest テストを次に示します。
緑の再生ボタンを押してデバッガーでテストを実行すると、ブレークポイントがヒットしません。
どんな助けでもいただければ幸いです