使用Express应用程序生成器的Webpack

Posted 2021-04-02

我对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;

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

感谢大家

答案

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

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

而你的app.js和其他Express事物都是在你的服务器上运行的后端事物，它们根本不需要捆绑或操作，你可以随心所欲，因为它们在你的服务器而不是用户的浏览器上。

所以开始编写应用程序代码。