从React Native从共享文件夹导入

I ended up changing the folder structure as stated in @diegopartes answer.

In addition, I wanted to achieve the effect of being able to import from the shared folder using absolute paths from both my web and mobile directories.

For this I did the following:

Web
I moved my webpack.config.js to the root folder of the app. Inside webpack.config.js I have the following configuration the allows me to import files using absolute paths:

const path                = require('path');
const sharedPath          = path.join(__dirname, 'shared');

const config = {
...
resolve: {
    root: [sharedPath],
  },
...
}

now my shared folder acts as a root folder. Meaning, if I have

- shared  
-- reducers  
-- actions  
--- todos.js

I can do an import { addTodo } from 'actions/todos'

Mobile

在这里，我看了这篇帖子，基本上说：

无论您想从哪个文件夹作为root导入，请使用添加package.json文件{ "name": "FOLDER_NAME" }。因此，为了实现与Web应用程序相同的导入：

- shared  
    -- reducers  
    -- actions  
    --- todos.js
    --- package.json

package.json内容在哪里：

{
  "name": "actions"
}

现在，我可以从移动应用程序文件中进行与在Web应用程序中相同的导入。

编辑

关于node_modules，我package.json在网络和移动设备上都使用相同的代码。在我中，webpack.config我有一个所有React Native软件包的数组，这些都从我的供应商捆绑包文件中排除了。