Я пишу два проекта, как в 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
}
},
...
}
'' common/constantants/http-codes.js '; 'Не должно быть' '../ common/constantants/http-codes.js';'? – saadq
@saadq, Это не должно быть, потому что я использовал псевдоним webpack. –