Как подготовить .js файлы из webpack для production?

Question

[Sergey]

Приветствую. В связи с тем, что на данный момент 'bower is maintained', решил испробовать webpack, но столкнулся, вероятно, с недопониманием данного инструмента.

Возьмём, к примеру, стандартный одностраничный html/css/javascript шаблон сайта. С помощью webpack в стадии разработки это всё собирается в один 'bundle.js', для production выносим css в свой файл, а js так и должно оставаться в 'bundle.js', вместе с webpack шапкой, которая будет подключаться в 'index.html' через script? Или всё же есть плагин/способ вытаскивать чистый js из bundle?

PS Ранее такое собирал с gulp, в build.js был исключительно мой код, без "мусора".
PPS webpack 3

Answer 1

[alvvi]

Для production оно должно минифицироваться, все эти шапки там будут неотличимы от обычного кода.

Вытаскивать чистый JS не имеет смысла, вы потеряете одно из главных приемуществ Webpack'a - модульность.

Comments

[Sergey]

Спасибо, а как быть в случае, если один из entry points надо всё же чисто "собрать из кусочков"? В данном случае обычное:

// main.js (entry point)
require("./first");
require("./second");

// first.js
console.log("1");

// second.js
console.log("2");

// main.bundle.js
console.log("1");
console.log("2");

Без лишнего кода, ибо он будет просто для веса?

[alvvi]

Sergey: нужно будет каким-то образом зарезолвить

require("./first");
require("./second");

не уверен, что это возможно без генерации jsonp-блокв, от которых вы хотите избавиться. Может проще просто конкатенировать их с помощью NPM-скрипта или Gulp, если вам не нужен бандл? Вебпак сам по себе банлдер, пытаться использовать его в других целях мне кажется не рациональным.