Удалять ли код webpack-dev-server и промежуточного программного обеспечения горячих модулей во время производственной сборки или когда я готовлюсь к работе?

Question

Как видно из заголовка, когда я буду готов разместить код для производства, я должен удалить все использования webpack-dev-middleware и webpack-hot-middleware из кода моего сервера, как они dev-dependencies?Какой лучший способ настроить это, так что, может быть, мне не нужно об этом беспокоиться?

Это снимок кода моего сервера:

// webpack -> HMR
const webpack = require("webpack");
const webpackConfig = require("../webpack.config");
const compiler = webpack(webpackConfig);

// webpack HMR init
app.use(
    require("webpack-dev-middleware")(compiler, {
        noInfo: false,
        publicPath: webpackConfig.output.publicPath,
    })
);
app.use(require("webpack-hot-middleware")(compiler));

...

app.get("/", async (req, res) => {
    const initialContent = await serverRender();
    res.render("index", {
        ...initialContent,
    });
});

app.listen(port, () => {
    console.log(`Express application listening on port ${port}`);
});

Answer 1

Вы должны поместить свой код HMR (или, на самом деле, любой параметр, относящийся к разработке / среде) в его собственную область. Я бы не рекомендовал удалять его из своего кода, поскольку вы можете вернуться в приложение и захотеть что-то обновить. Наличие HMR - довольно приятное занятие, так что я просто хотел бы, чтобы ваш код выявлял окружение, и, если он разрабатывается, запускал соответствующий код. В противном случае не запускайте его.

Как определить среду в приложении express.js?