我想弄清楚快车和Webpack怎么能一起出海……
1)客户端js包。
2) index.html
3)其他静态资源
已命中的Express端点上的...depending。
模块化:
我知道Express如何能够基于路由来模块化服务器代码,Webpack可以进行代码分割,但我不能很好地将这两种程序结合在一起,根据端点发送完全不同的应用程序。
就像我会想出这样的解决方案:
Express中的文件结构:
/app
-app.html
/public
-bundle.js
/app2
-app2.html
/public
-bundle2.js
app.js
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描述的客户端代码分割是否有一个标准化的结构?
发布于 2016-02-20 20:35:33
Express对一个子应用程序做了一个非常简短的提及:
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 提及还编写了一个独立的中间件和路由系统:
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);
https://stackoverflow.com/questions/35518404
复制相似问题