@bem-react/pack: support relative imports
評価
この issue はまだ評価されていません。
説明
Example project:
src/components/Test/Test.scss
@import '../../../node_modules/@my-company/design/constants.scss';
.Test {
background-color: $test-color;
width: 100px;
height: 100px;
background-image: url('../../../node_modules/@my-company/icons/icon.svg');
}
src/components/Test/Test.tsx
import { createElement } from 'react';
import './Test.scss';
export const Test = () => {
return createElement('div');
};
src/components/Test/index.ts
export * from './Test';
got error: Error: Failed to find '../../../node_modules/@my-company/design/constants.scss'
in [
/Users/firnis/projects/pack-example
]
This problem can be fixed by providing filepath to postcss processor here
With fixed CssPlugin build is working.
But now we have problem when we try to use our component.
dist/esm/components/Test/Test.css
.Test {
background-color: #000;
width: 100px;
height: 100px;
background-image: url('../../../node_modules/@my-company/icons/icon.svg');
}
There is no such path ./dist/node_modules/
To fix this we should change path for esm directory in TypeScript plugin. We can add optional config param esmOutput.
- 主要言語
- TypeScript
- スター
- 450
- フォーク
- 69
- PR マージ指標
- 30日以内にマージされた PR はありません
環境構築
- Dockerfile・Docker Compose ファイルなし
- プルリクエストのテンプレートなし
- コントリビューションガイドを読む
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
bem/bem-react のほかの issue
-
@bem-react/classname: Unclear typing for element-bound class name formatters対応中かも @rrabmig が 114 日前に担当しました。 オープン
難易度 3/5 1〜2日 初心者へのやさしさ 68/100
-
難易度 5/5 1週間以上 初心者へのやさしさ 25/100
-
@bem-react/classname: Can't add modifier with value === 0対応中かも @frontstall が 934 日前に担当しました。 オープン
難易度 2/5 1〜3時間 初心者へのやさしさ 55/100
-
難易度 2/5 1〜3時間 初心者へのやさしさ 52/100
-
@bem-react/pack: Impl plugin for prepare package.json再び着手できるかも @yarastqt が 2120 日前に担当しましたが、オープン中のプルリクエストはありません。 オープンimprovement scope: pack
似ている issue
-
affected/v17 affected/v18 area/frontend type/bug
難易度 2/5 1〜3時間 初心者へのやさしさ 82/100
umbraco/Umbraco-CMS#24186 ·
メンテナーはふだん 2 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 82/100
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 72/100
better-auth/better-auth#11723 · リアクション 1 件 ·
メンテナーはふだん 1 日以内に返信
-
area: docs difficulty: easy documentation good first issue
難易度 2/5 1〜3時間 初心者へのやさしさ 82/100
メンテナーはふだん 1 日以内に返信
-
Worker-Erstellung bricht langsame Git-Worktree-Checkouts nach 20 Sekunden ab対応中かも @KajoVanBuyten が今日担当しました。 オープン
難易度 2/5 1〜3時間 初心者へのやさしさ 69/100
AgentSystemLabs/agent-office#367 ·
メンテナーはふだん 1 日以内に返信