Webpack - несколько точек входа, требуются связки между ними - PullRequest
Новая
       107

Webpack - несколько точек входа, требуются связки между ними

0 голосов
/ 04 мая 2020

У меня есть конфигурация веб-пакета с несколькими точками входа, которая выглядит примерно так: 

const config = {
    entry: {
        'components/index': './src/components',
        'helpers/index': './src/helpers',
    },
}

module.exports = config;

В результате получается два файла пакета: components/index.js и helpers/index.js. Это нормально, но проблема в том, что components/index.js содержит весь код из helpers ... Это потому, что компоненты импортируют вспомогательные функции.

Пример:

  • src/helpers экспортирует функцию с именем foo.
  • src/components, импортирует foo функцию от помощников.

Теперь в пакете components/index.js я вижу, что foo функция объявлена. Есть ли способ сообщить веб-пакету, что он должен вместо этого использовать функцию require(), и импортировать эту функцию foo?

Так что вывод для component/index.js будет выглядеть примерно так: 

var foo = require('../helpers/index.js')
/* rest of the code */

1 Ответ

0 голосов
/ 07 мая 2020

Я переключился на накопительный пакет. js, и похоже, что он работает по умолчанию, без какой-либо дополнительной настройки: 

// rollup.config.js

export default {
    input: {
        'components/index': './src/components',
        'helpers/index': './src/helpers',
    },
    output: {
        dir: 'dist',
        format: 'esm',
    },
};
...