javascript - 从项目外部导入文件

Question

我正在写两个项目，都是用 js 编写的。使用了 webpack 和 babel。 我想创建文件夹 common ，其中将包含每个项目中使用的文件。比如一些常量等。

所以我有这样一个结构:

|- project
    |- server
        |- config
           |- webpack.config.js
        |- package.json
        |- .babelrc
        |- ...
    |- client
        |- config
           |- webpack.config.js
        |- package.json
        |- .babelrc
        |- index.js
        |- ...
    |- common
        |- constants
            |- http-codes.js

但是，似乎无法导入项目外的文件。例如。在 client/index.js 中做这样的导入是不可能的:import * from '../common/constants/http-codes.js'

您知道如何进行这样的导入吗？

---

更新:

文件:

common/constants/http-codes.js:

export const SUCCESS = 200;
...

---

client/index.js:

import { SUCCESS } from 'common/constants/http-codes.js';
...
console.log(SUCCESS);

---

client/config/webpack.config.js:

...
const PATHS = {
    app: path.resolve(__dirname, '../'),
    build: path.resolve(__dirname, '../build'),
    common: path.resolve(__dirname, '../../common')
};
...
module.exports = {
    resolve: {
        extensions: [ '', '.js', '.jsx', '.styl' ],
        alias: {
            ...,
            common: PATHS.common
        }
    },
    ...
}

Answer 1

你试过使用 nodejs 的 path 模块吗？