私は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.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
}
},
...
}
'' common/constants/http-codes.js '; '' ../ common/constants/http-codes.js'; 'ではありませんか? – saadq
@saadq、私はwebpackのエイリアスを使用しているので、それはしないでください。 –