带Express应用程序生成器的Webpack

Question

我对Expressjs（Nodejs）完全陌生，我使用的是“ link”“ Express应用程序生成器”。我正在构建简单的网站并使用（嵌入式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内容是在服务器上运行的后端内容，它们根本不需要捆绑或操纵，您可以做任何您想做的事情，因为那些在您的服务器上而不是用户的浏览器上。

所以只需开始编写应用程序代码即可。