Webpack Config игнорирует импорт, который определен и скомпилирован в другом месте - PullRequest
Новая
       4

Webpack Config игнорирует импорт, который определен и скомпилирован в другом месте

0 голосов
/ 15 июня 2019

У меня есть набор компонентов React, определенных в отдельном проекте.Они скомпилированы и упакованы в файл JavaScript без проблем.

Теперь я хочу использовать их в своем текущем проекте, который я хотел бы скомпилировать и при желании включить на свой сайт с помощью тега script на основе некоторой серверной логики.

Я пытаюсь избежать создания пакета npm для этих компонентов и вместо этого пытаюсь «включить» их через конфигурацию webpack или что-то еще.

Например: 

import Foo from 'ComponentOutsideThisProject'

class CustomComponent extends React.Component {    
    render() {
        return (<Foo bar={123} />);
    }
}

Соответствующая конфигурация веб-пакета: 

  resolve: {
    modules: [
      'node_modules',
      path.resolve(__dirname, '../other-app/dist')
    ],
    extensions: ['.js', '.jsx']
  }

При компиляции не удается обнаружить ComponentOutsideThisProject.

Если указать modules на некомпилированную версию ComponentOutsideThisProject, то не удастся скомпилировать ее из-за отсутствия пресетов.Несмотря на то, что эти пресеты добавлены в мой текущий проект, они не применяются к этому файлу (я полагаю, вполне справедливо).

Как мне скомпилировать CustomComponent и распространить его как файл JavaScript, который затем будет включатьс помощью script тега ComponentOutsideThisProject в комплекте JavaScript?

Я также изучил разбиение / разбиение кода, но, похоже, для этого мне нужно использовать динамический импорт, который требует перезаписи CustomComponent.

Помогите!

...