带有 Express 应用程序生成器的 Webpack

Question

我对 Expressjs (Nodejs) 完全陌生，我正在使用“Express 应用程序生成器”，这里是 link。我正在构建简单的网站并使用（嵌入式 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;

有没有人知道如何做，一些例子或任何可以帮助我的东西？

谢谢大家

Answer 1

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

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

你的 app.js 和其他 Express 东西 是在你的服务器上运行的后端东西，它们根本不需要捆绑或操作，你可以做任何你想做的事情，因为那些位于您的服务器上，而不是用户的浏览器上。

所以开始编写您的应用程序吧。