2016-07-06 2 views
1

私は2つのプロジェクトを両方ともjsで書いています。ウェブパックとバベルが使用されています。 それぞれのプロジェクトで使用されるファイルを含むフォルダ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.jsimport * 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 
     } 
    }, 
    ... 
} 
+0

'' common/constants/http-codes.js '; '' ../ common/constants/http-codes.js'; 'ではありませんか? – saadq

+0

@saadq、私はwebpackのエイリアスを使用しているので、それはしないでください。 –

答えて

0

あなたはnodejsからパスモジュールを使用してみましたか?

+0

webpackの設定で使用されています。しかし、それは助けにはならない。 –

+0

** normalize **メソッドで*// ../*を追加してみてください。 – Krizzu

+0

パスが正しいと確信しています。 –

関連する問題