新しいプロジェクトでは、Lerna と React Storybook を使用しています。複数のパッケージでモノレポを作りたい。
私のフォルダ構造は次のようになります。
.babelrc
.storybook
package.json
node_modules
packages/
button/
.babelrc
node_modules/
package.json
index.js
theme/
node_modules/
package.json
index.js
ボタンパッケージ内のテーマパッケージからテーマをインポートしたいのですが、ボタンパッケージにnpmを介してインストールします。
私のボタンパッケージでは、テーマをインポートしています
import theme from '@company/company-theme';
次のエラーが表示されます。
Module not found: Error: Can't resolve '@company/company-theme' in buttonpath
最初はバベルの問題だと思い、package.jsonに次のバベルパッケージをインストールしました
"babel-cli": "^6.26.0",
"babel-jest": "^23.4.2",
"babel-plugin-transform-es2015-modules-commonjs": "^6.26.2",
"babel-preset-env": "^1.7.0",
"babel-preset-react": "^6.24.1"
そして、プロジェクトルートとボタンルートで.babelrc
、次のコードを作成して追加しました。
{
"presets": ["env", "react"],
"env": {
"dev": {
"plugins": [
"transform-es2015-modules-commonjs"
]
}
}
}
ただし、問題はまだ存在します。ここで何をすべきか知っている人はいますか?