具有动态HTML后端和javascript前端的应用程序的项目树

my-dynamic-app/
├── backend/
│   ├── controllers/
│   ├── models/
│   ├── routes/
│   └── server.js
├── frontend/
│   ├── public/
│   │   ├── index.html
│   │   └── static/
│   │       ├── css/
│   │       ├── js/
│   │       └── images/
│   ├── src/
│   │   ├── components/
│   │   ├── views/
│   │   ├── App.js
│   │   └── index.js
│   ├── package.json
│   └── webpack.config.js
├── database/
│   └── schema.sql
├── .gitignore
└── README.md

// webpack.config.js
module.exports = {
  output: {
    path: path.resolve(__dirname, 'frontend/dist'),
    publicPath: '/'
  }
};

// backend/server.js
const express = require('express');
const app = express();
const port = 3000;

app.get('/api/data', (req, res) => {
  res.json({ message: 'Hello from server!' });
});

app.listen(port, () => {
  console.log(`Server running at http://localhost:${port}/`);
});