Javascript 带有Express应用程序生成器的网页包

我对Expressjs Nodejs一无所知，我正在使用ExpressApplicationGenerator。我正在构建一个简单的网站，并使用嵌入式JavaScript模板/EJS，我想将webpack添加到我的应用程序中

这是我的项目结构

这是我的app.js

    var express = require('express');
    var path = require('path');
    var logger = require('morgan');
    var index = require('./routes/index');
    var app = express();


    // view engine setup
    app.set('views', path.join(__dirname, 'views'));
    app.set('view engine', 'ejs');

   // set path for static assets
   app.use(express.static(path.join(__dirname, 'public')));


   // routes
   app.use('/', index);

   // catch 404 and forward to error handler
  app.use(function(req, res, next) {
  var err = new Error('404 page.');
   err.status = 404;
   next(err);
   });

   // error handler
  app.use(function(err, req, res, next) {
   // render the error page
  res.status(err.status || 500);
  res.render('error', {status:err.status, message:err.message});
  });

  module.exports = app;

有人知道怎么做吗，举个例子或者其他什么能帮我的吗

---

谢谢大家

网页是用于单页应用的。只有一个index.html作为 钩子，所有前端内容将由js文件生成，并通过webpack捆绑在一起，然后连接到html钩子

如果您使用ejs或其他模板引擎，则不需要webpack绑定脚本，因为您可以在ejs文件中拆分和加载脚本

而你的app.js和其他Express产品都是在你的服务器上运行的后端产品，它们根本不需要捆绑或操纵，你可以做任何你想做的事情，因为它们在你的服务器上，而不是用户的浏览器上

---

因此，只需开始编写应用程序。

Webpack适用于单页应用程序。只有一个index.html作为 钩子，所有前端内容将由js文件生成，并通过webpack捆绑在一起，然后连接到html钩子

如果您使用ejs或其他模板引擎，则不需要webpack绑定脚本，因为您可以在ejs文件中拆分和加载脚本

而你的app.js和其他Express产品都是在你的服务器上运行的后端产品，它们根本不需要捆绑或操纵，你可以做任何你想做的事情，因为它们在你的服务器上，而不是用户的浏览器上

---

所以，请开始编写你的应用程序。

@ JoSkras-欢迎你，如果你认为这有帮助，请考虑投票或选择正确答案。但这并不完全正确。Webpack是用来捆绑客户端资产的，但这并不意味着你必须有一个SPA来利用它。即使您正在运行一个传统的应用程序，您也可能希望运行一个构建过程来将Typescript转换为JS，甚至只是合并和缩小以缩短页面加载时间。@Paul，同意，在这种情况下，还有许多其他工具，如gulp专门用于此。@jomskris欢迎您，如果你认为这有帮助，请考虑投票或选择正确答案。但这并不完全正确。Webpack是用来捆绑客户端资产的，但这并不意味着你必须有一个SPA来利用它。即使您正在运行一个传统的应用程序，您也可能希望运行一个构建过程来将Typescript转换为JS，甚至只是合并和缩小以缩短页面加载时间。@Paul，同意，在这种情况下，还有许多其他工具，如gulp专门用于此。