javascript - 由路由器中的 html webpack 插件生成的渲染文件

Question

你怎么样？我面临着一个恼人的问题。我无法找到由 html-webpack-plugin 生成的 index.html 来渲染它。我可以在 localhost:8080/index.html 上访问它，但我不知道如何使用 Handlebars 在我的路线上呈现它。

我想做的:在注入(inject)后找到我的 View 并使用 koa-views 和 Handlebars 渲染它。

整个代码:https://github.com/vini175pa/koa-redux-starterkit

路由:[第一个链接]/blob/master/server/routes/index.js

Webpack.config.js https://github.com/vini175pa/koa-redux-starterkit/blob/master/webpack.config.js

Answer 1

也许你可以读一下这个。

https://github.com/jantimon/html-webpack-plugin/issues/145

var express = require('express');
var app = express();
var webpack = require('webpack');
var path = require('path');

var compiler = webpack(require('./webpack.config.js'));

app.use(require('webpack-dev-middleware')(compiler, {
  noInfo: true,
  publicPath: '/'
}));

app.use('*', function (req, res, next) {
  var filename = path.join(compiler.outputPath,'index.html');
  compiler.outputFileSystem.readFile(filename, function(err, result){
    if (err) {
      return next(err);
    }
    res.set('content-type','text/html');
    res.send(result);
    res.end();
  });
});

app.listen(3000);