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 模块？

从项目外部导入文件

1 个答案: