Question

我正在编写一个标准的express.js应用程序，而没有任何客户端框架（如React，Vue或Angular）。 HTML模板是通过以下方式从服务器呈现的：

app.get('/', function (req, res) {
  res.render('index') // template engine ejs
})

app.get('/about', function (req, res) {
  res.render('about') // template engine ejs
})

我正在使用Webpack构建我的静态资产，例如javascript文件，css文件和图像。

问题：如果资产文件的名称中包含哈希码，该如何在HTML模板中使用资产。例如sample.a23ijafj.jpg。

由于文件编辑时哈希码总是会改变，所以我不能只使用生成的文件名：

<img src="sample.a23ijafj.jpg" />

Answer 1

尝试使用此Webpack插件： https://www.npmjs.com/package/html-webpack-plugin

以此，您可以创建HTML模板以与其他资源一起生成。我本人并没有实际使用它，但似乎它有足够的文档来解决您的问题。

在没有客户端框架的情况下使用Webpack和Express.js时如何要求资产？

1 个答案: