問題タブ [nrwl-nx]
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.
angular - Ngrx-nx Monorepo で共有スタイルとアセットを管理する
ライブラリとアプリで使用する nrwl-nx monorepo で共有スタイルとアセット (つまり、フォント) を設定しようとしています。
私の望む結果は、提供するライブラリの「テーマ」を持つことです
- 共有スタイル
- scss 変数とミックスイン
- フォント
他のライブラリやアプリ用。
1. と 2. については、ここで素晴らしい答えを見つけました: How to manage SCSS stylesheets across a monorepo with different libraries shared variables?
Tim Consolazio は、monorepo 全体で共有スタイルを処理する優れた (そして Nrwl にインスパイアされた) アプローチを提示します。libs/theme/scss/src/lib/theme.scss
基本的な考え方は、にインポートされているエントリ ポイント scss を持つことですapps/myapp/src/styles.scss
。これはうまくいっています。
私が苦労しているのは、共有スタイルで使用されるフォントを提供することでこれを機能させることです。つまりlibs/theme/scss/src/lib/fonts.scss
、テーマライブラリ内のアセットフォルダーからフォントをインポートする.
プロジェクトの構造は
目標は、アセットをthemes
ライブラリ内に配置することです。architect.build.assets
の配列に追加してみましたangular.json
。しかし、フォント スタイルシートでフォントを参照するときに設定する正しいパスがわかりません。
私は何が欠けていますか?
angular - Nx cypress - ビジュアル テスト用のカスタム プラグインの追加
サイプレスhttps://docs.cypress.io/plugins/#visual-testingからビジュアル テスト プラグインの 1 つをセットアップしようとしていますが、nrwl nx monorepo 内にあります。
https://github.com/meinaart/cypress-plugin-snapshotsのガイドに従いますが、機能しません。
実際の結果は、 toMatchImageSnapshot が機能しないことです(is not a function
エラーがあります)
誰も同じ問題に直面し、解決策を知っていますか?