帶Express應用程序生成器的Webpack

Question

我對Expressjs（Nodejs）完全陌生，正在使用“ 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東西是在服務器上運行的后端東西，它們根本不需要捆綁或操縱，您可以做任何您想做的事，因為這些東西在服務器上，而不是用戶的瀏覽器上。

所以只需開始編寫您的應用程序代碼。