我使用webpack和HtmlWebpackPlugin将捆绑的js和css注入到一个html模板文件中。
new HtmlWebpackPlugin({
template: 'client/index.tpl.html',
inject: 'body',
filename: 'index.html'
}),
并生成以下html文件。
...
当访问应用程序localhost:3000 /的根目录时,这样可以正常工作,但是当我尝试从另一个URL访问应用程序时失败,例如localhost:3000 / items / 1,因为捆绑的文件没有注入绝对路径。当加载html文件时,它将在不存在/ items目录中查找js文件,因为反应路由器尚未加载。
如何获取HtmlWebpackPlugin以绝对路径注入文件,所以express将在我的/ dist目录的根目录下找到它们,而不是在/dist/items/main-…min.js中?或者也许我可以改变我的快递服务器来解决这个问题吗?
app.use(express.static(__dirname + '/../dist'));
app.get('*', function response(req, res) {
res.sendFile(path.join(__dirname, '../dist/index.html'));
});
从本质上说,我只需要得到以下一点:
在源头开始有一个斜杠。