Как сделать, чтобы node_modules импортировался только в главный js?

Question

[amiznikov]

Есть два модуля, которые подгружаются на страничке

<script type="text/javascript" charset="utf-8" src="corejs"></script>
<script type="text/javascript" charset="utf-8" src="module1.js"></script>

Затем я инициализирую модуль core, а в него вставляю модуль module1

var core = new Core(new Module);

оба эти модуля используют, например, jquery.
сборка происходит webpack'ом.
Вопрос, как сделать так, чтобы первый модуль импортировал при сборке jquery, а второй не импортировал, а использовал тот, что импортирован в модуле core?
PS: может быть на этапе сборке что-то нужно поменять, может нет
Заранее спасибо!

Answer 1

[kulaeff]

Использовать CommonChunksPlugin. Но этот плагин нужен, если пользуетесь вепаком 3 версии или ниже. В 4 версии есть нативная поддержка code splitting.

Comments

[amiznikov]

Спасибо за ответ. Хм, как я понял, мне все равно придется подгружать jquery с помощью тега скрипт, а мне нужно, чтобы он импортировался в один модуль(core), но не импортировался в другой, при этом не было ошибок сборки. Соот-но, когда я включаю module в core, то нужные части jquery импортировались

[kulaeff]

Вы можете подключать core.js и module1.js не через скрипт, а импортировать их. К примеру есть файл index.js, в нем вы делаете

import Сore from 'core'
import Module from 'module1'

var core = new Core(new Module);

Файлы core.js и module1.js, в свою очередь, содержат

import $ from 'jquery'
....

И тогда, при использовании CommonChunksPlugin, вебпак вынесет jquery в отдельный бандл с именем, заданным в настройках этого плагина (обычно это vendor.[min].js)

[amiznikov]

т.е, мне придется отдельно подгружать vendor.js? вставлять его на главную страничку в тег скрипт, я имею ввиду

[kulaeff]

amiznikov, да.

[amiznikov]

kulaeff, вот нужно, чтобы не было дополнительных загрузок. Я думаю, просто в Core добавить jquery с помощью CommonChunksPlugin. Правда еще не знаю как, а Module будет подцеплять эту либу уже с Core.