Я имею дело с обстоятельствами, когда я зависим от одного-единственного объекта, который находится в отдельном файле в двух разных репозиториях.
Считайте, что у меня есть объект ниже. Примечание : объект, о котором я говорю, находится на двух разных языках: en
и fr
.
en / Categories. js
export const categories = [
{
id: 1000,
title: 'Category One',
},
{
id: 2000,
title: 'Category Two',
}
];
fr / Categories. js
export const categories = [
{
id: 1000,
title: 'Première catégorie',
},
{
id: 2000,
title: 'Catégorie deux',
}
];
Теперь я пытаюсь создать отдельный репозиторий с инициализированным веб-пакетом и объединить оба этих языка в разные модули. Я использую ниже webpack.config
файл.
const path = require('path');
module.exports = {
mode: 'development',
entry: {
en: { import: './src/en/index.js' },
fr: { import: './src/fr/index.js' },
},
output: {
path: path.join(__dirname, 'dist'),
filename: 'InitialData.[name].js',
library: ['InitialData', '[name]'],
libraryTarget: 'umd',
},
module: {
rules: [
{
test: /\.js?$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader',
},
},
]
},
};
Что, наконец, генерирует два файла, dist/en.bundle.js
и dist/fr.bundle.js
.
Проблема в том, что я пытаюсь опубликовать sh это как пакет npm, который мне нужно указать атрибут main
в моем файле package.json
. Я понятия не имею, как правильно открыть оба этих файла, чтобы я мог легко импортировать их, как показано ниже.
import { en } from 'initial-data/en';
import { fr } from 'initial-data/fr';
ПРИМЕЧАНИЕ : оба en
и fr
связаны файлы слишком велики, и я не могу собрать их в один файл. поэтому мне нужно построить их на двух разных выходах.