Как использовать webpack в продакшне?

Question

[jspie]

Здравствуйте, немного запутался в webpack'e. Использую webpack-dev-middleware:

const webpack = require('webpack');
const webpackDevMiddleware = require('webpack-dev-middleware');
const webpackHotMiddleware = require('webpack-hot-middleware');

const compiler = webpack(webpackConfig);

app.use(webpackDevMiddleware(compiler,{
	stats:{
		colors: true,
        hash: false,
        timings: true,
        chunks: false,
        chunkModules: false,
        modules: false
	}
}));
app.use(webpackHotMiddleware(compiler));

В продакшне на сервере webpackDevMiddleware уже нельзя использовать?

Answer 1

[Максим]

В продакшене вам нужны файл скриптов и стилей.
Следовательно вызываете webpack -p (минус p говорит вебпаку: сгенерируй реальный файл bundle.js и что еще укажете) и готовые файл(ы) кладете себе на сервер/хостинг и тд. Там уже хоть apache, хоть nginx, хоть что угоудно раздающее статику.

Comments

[jspie]

т.е. так и оставить?

[Максим]

jspie: нет. Зачем вам в продакшене webpackDevMiddleware ? Ваш продакшен, это сервер, который раздает статичные файлы. Например: index.html + bundle.js
Ваш продакшен, если еще упростить для примера, это какой-нибудь бесплатный хостинг, на который вы по ФТП зальете index.html + bundle.js (файл скриптов) + возможно статичные вещи (шрифты, картинки, стили).

Если взять пример посложнее, то express сервер умеет раздавать статику и быть api сервером при этом...

Отвечая на ваш вопрос: как использовать webpack в продакшене: приготовить с помощью него файл скриптов+стилей и все. Это как раз делается с помощью webpack -p, и если нужно (обычно нужно) какого-то иного продакшен конфига.