Охайо.
Я хочу улучшить кодовую базу своего пет-проекта. Там сейчас лапшекод, и я решил разбить его на модули. Какое-то время тыкался с Webpack и имею какое-то представление о нём. Но сейчас встал в ступор и не могу найти информацию по самому обычному кейсу.
Суть: у меня есть некий
core.js, и для нескольких страниц есть
pageA.js и
pageB.js. Мне важно разделить всё именно так. Вроде всё отлично, но на обычном конфиге Webpack
pageA.js собирается со всеми внутренностями из
core.js
Чтобы было немного понятнее, вот:
# core/lib/func.js
export function sayHello () { /* ... */ }
# pageA/index.js
import { sayHello } from './../core/lib/func'
sayHello ()
И получается так, что
sayHello находится как в
core.js, так и в
pageA.js (и вот в pageA.js не надо бы)
Как мне сделать так, чтобы в конфиге
Webpack можно было задетерминировать ту область, которую не нужно собирать в бандл? (ну, примерно как c
externals: { jquery: 'jQuery' })
(я просто хочу, чтобы core.js кешировался, и код, который точно нужен и там и тут, не тягался по сети каждый раз)