使用webpack解析相对文件路径并在app root之外做出反应

Question

我有一个带有共享common文件夹的React应用程序的当前应用程序结构：

- app
    - ui
        - common
            - helpers
                - test.js
        - web
            - src
                - index.js
            - webpack
                - webpack.config.js

我试图连接我的webpack 1配置，以便在我的反应应用程序中我可以进行import { someMethod } from 'common/helpers'的相对导入，但到目前为止我无法管理它。

我尝试添加：

resolve: {
    alias: {
      common: path.resolve(__dirname, '..', '..'),
      // and, at a different time
      common: path.resolve(__dirname, '..', '..', 'common')
    },
    // ...
    root: [
      path.resolve(__dirname, '..', '..'),
      // and at a differnt time 
      common: path.resolve(__dirname, '..', '..', 'common'),
      srcPath
    ],

以及moduleLoaders，但没有一个有效。我一直都在坚持：

Error: Cannot find module 'common/helpers'

有更好的方法来解决这个问题吗？