ejs 项目 如何打包

EJS（Embedded JavaScript） 是一种简单的模板引擎，通常用于生成 HTML 内容。在项目开发过程中，如果你使用了 EJS 作为模板引擎，并希望打包项目进行部署，可以按照以下步骤来完成。

打包 EJS 项目

1. 安装必要的依赖

   首先，确保你的项目中安装了必要的依赖，例如 ejs 和 express（如果你使用 Express.js 作为服务器）。

   npm install ejs express
   

2. 项目结构

   假设你的项目结构如下：

   project/
   ├── views/
   │   ├── index.ejs
   │   └── partials/
   │       └── header.ejs
   ├── public/
   │   ├── css/
   │   ├── js/
   │   └── images/
   ├── routes/
   │   └── index.js
   ├── app.js
   └── package.json
   

3. 配置 Express 服务器

   在 app.js 中配置 Express 服务器以使用 EJS 作为模板引擎：

   const express = require('express');
   const path = require('path');
   const app = express();
   
   // 设置视图目录和 EJS 作为模板引擎
   app.set('views', path.join(__dirname, 'views'));
   app.set('view engine', 'ejs');
   
   // 设置静态文件目录
   app.use(express.static(path.join(__dirname, 'public')));
   
   // 路由配置
   const indexRouter = require('./routes/index');
   app.use('/', indexRouter);
   
   // 启动服务器
   const PORT = process.env.PORT || 3000;
   app.listen(PORT, () => {
       console.log(`Server is running on port ${PORT}`);
   });
   
   module.exports = app;
   

4. 配置路由

   在 routes/index.js 中配置路由以渲染 EJS 模板：

   const express = require('express');
   const router = express.Router();
   
   // 处理主页请求
   router.get('/', (req, res) => {
       res.render('index', { title: 'Home' });
   });
   
   module.exports = router;
   

5. 打包项目

   在 Node.js 项目中，通常不需要像前端项目那样进行复杂的打包（如 Webpack），只需确保所有依赖和文件都正确配置并部署即可。

   如果需要将项目部署到生产环境，可以按照以下步骤：

   • 创建生产环境配置：在 package.json 中添加 start 脚本：

     "scripts": {
       "start": "node app.js",
       "dev": "nodemon app.js"
     }
     

   • 环境变量配置：使用环境变量来配置生产环境中的一些参数。例如，可以在项目根目录中创建 .env 文件：

     PORT=80
     

     并在 app.js 中使用 dotenv 模块加载环境变量：

     require('dotenv').config();
     const PORT = process.env.PORT || 3000;
     

   • 部署项目：将项目文件上传到你的服务器上，并确保安装了 Node.js 和 npm。然后在服务器上执行以下命令来安装依赖并启动服务器：

     npm install
     npm start
     

使用 PM2 进行进程管理

为了更好地管理和监控 Node.js 应用，可以使用 PM2 进程管理工具。PM2 提供了自动重启、日志管理等功能。

1. 安装 PM2

   npm install -g pm2
   

2. 启动应用

   使用 PM2 启动应用：

   pm2 start app.js --name "ejs-app"
   

3. 管理应用

   查看应用状态：

   pm2 status
   

   查看日志：

   pm2 logs
   

   重启应用：

   pm2 restart ejs-app
   

   停止应用：

   pm2 stop ejs-app
   

总结

以上步骤介绍了如何配置和打包一个使用 EJS 模板引擎的项目，并部署到生产环境。如果需要更复杂的前端构建流程，可以结合 Webpack 或其他构建工具来进行打包。通过合理的配置和使用工具，可以确保你的项目在开发和生产环境中稳定运行。