使用babel，webpack，在没有仓库或纱线的情况下以单回购设置进行反应

问题描述

我正在尝试使用webpack和babel创建一个单声道回购设置，以捆绑多个共享一些代码的React应用。我想避免lerna，因为不必要的开销以及程序包锁和npm审核的未解决问题。我具有以下结构（可以在here中找到源）：

├── app
│   ├── babel.config.json
│   ├── package.json
│   ├── src
│   │   └── index.js
│   └── webpack.config.js
├── babel.config.json
└── components
    ├── babel.config.json
    └── my-component.js

应用程序和组件中的babel.config.js文件如下所示：

{
  "presets": ["@babel/preset-env","@babel/preset-react"]
}

根babel.config.js如下所示：

{
  "babelrcRoots": ["./app","./components"]
}

最后是webpack.config.js：

const path = require("path");

module.exports = {
  entry: "./src/index.js",output: {
    filename: "bundle.js",path: path.resolve(__dirname,"dist"),},module: {
    rules: [
      {
        test: /\.js$/,exclude: /(node_modules)/,use: {
          loader: "babel-loader",options: {
            rootMode: "upward",],};

现在我的问题是webpack失败，并显示一条错误，指出它无法解析./components/my-component.js中的react。似乎webpack / babel将组件视为一个独立的项目，该项目具有自己的依赖性。我想要的是将组件用作附加的源文件夹。

是否存在没有lerna / yarn工作区的解决方案？

谢谢。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）