首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >快递/Webpack/React:如何根据端点发布不同的客户端应用程序?

快递/Webpack/React:如何根据端点发布不同的客户端应用程序?
EN

Stack Overflow用户
提问于 2016-02-20 02:27:38
回答 1查看 222关注 0票数 2

我想弄清楚快车和Webpack怎么能一起出海……

1)客户端js包。

2) index.html

3)其他静态资源

已命中的Express端点上的...depending。

模块化:

我知道Express如何能够基于路由来模块化服务器代码,Webpack可以进行代码分割,但我不能很好地将这两种程序结合在一起,根据端点发送完全不同的应用程序。

就像我会想出这样的解决方案:

Express中的文件结构:

代码语言:javascript
运行
复制
/app
 -app.html
 /public
  -bundle.js 

/app2
 -app2.html
 /public
  -bundle2.js

app.js

代码语言:javascript
运行
复制
app.use("/app1", express.static(__dirname + "/app1/public/"));

app.use("/app2", express.static(__dirname + "/app2/public2"));

app.get('/app', function(req, res){
    res.sendFile(__dirname + '/app1/app1.html');
});

app.get('/app2', function(req, res){
    res.sendFile(__dirname + '/app2/app2.html');
});

然而,我还没有看到任何著名的例子做这样的事情--这通常意味着我做错了什么。哈哈

我所看到的:

使用相同公用文件夹的-Webpack代码分裂示例(如何输出不同的静力学?)

我使用的-Since大多数示例是混合的服务器端策略(同构的)和/或使用Jade(这使得很难想象如何为纯客户端js策略创建一个拆分结构)。

问题:

我用Webpack和Express描述的客户端代码分割是否有一个标准化的结构?

EN

回答 1

Stack Overflow用户

发布于 2016-02-20 20:35:33

Express对一个子应用程序做了一个非常简短的提及

代码语言:javascript
运行
复制
var express = require('express');

// app 1
var app1 = express();
app1.use("/", express.static('app1'));

// app 2
var app2 = express();
app2.use("/", express.static('app2'));

// main app
var app = express();
app.use('/app1', app1);
app.use('/app2', app2);

app.listen(3000);

Express 提及还编写了一个独立的中间件和路由系统:

代码语言:javascript
运行
复制
var express = require('express');

// app 1
var app1 = express.Router();
app1.use("/", express.static('app1'));

// app 2
var app2 = express.Router();
app2.use("/", express.static('app2'));

// main app
var app = express();

app.use('/app1', app1);
app.use('/app2', app2);

app.listen(3000);
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/35518404

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档