webpack html 路径,javascript – HtmlWebpackPlugin注入加载非根网站路径时中断的相对路径文件...

我使用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'));

});

从本质上说，我只需要得到以下一点：

在源头开始有一个斜杠。