Клиентский модуль не может получить доступ к зависимому модулю при использовании веб-пакета

Question

Я перенес свой проект в Webpack. Как это выглядело раньше:

HTML:

...
<script src="d3.v4.js"></script>
<script src="techan.js"></script>
<script src="main.js"></script>
...

Что main.js зависит от techan.js и d3.v4.js. thechan.js зависит от d3.v4.js.

После переноса в веб-пакет:

HTML:

<script src="dist/main.js"></script>

main.js:

import d3 from './d3.v4.min'
import techan from './techan'
...

Теперь techan.js не распознают d3. Он ожидает глобальную переменную с именем d3 и выдает эту ошибку:

Uncaught TypeError: Cannot read property 'min' of undefined

В этой строке:

require('./heikinashi')(indicatorMixin, accessor.ohlc, d3.min, d3.max),

Как я могу исправить эту проблему, не касаясь techan.js и d3.v4.js код?

Answer 1

Я изменил main.js на:

window.d3 = require('./d3.v4.min');
window.techan = require('./techan');
...

Исправлено сейчас!