Как ссылаться на ресурс изображения внутри шаблона index.html - PullRequest
Новая
       39

Как ссылаться на ресурс изображения внутри шаблона index.html

0 голосов
/ 28 ноября 2018

Внутри моего шаблона, который экспортируется как index.html, у меня есть эта строка: 

<meta name="og:image" content="/assets/images/image.jpg">

Моя цель - экспортировать его с хеш-именем: 

<meta name="og:image" content="/assets/images/image.hug2u3g5gx23g.jpg">

Вместо, он экспортируется с оригинальным именем.

Мой intex.html шаблон загружается как: 

  new HtmlWebpackPlugin({
    template: './app.ejs',
    filename: 'index.html',
    chunksSortMode: (a, b) => scriptsOrder.indexOf(a.names[0]) > scriptsOrder.indexOf(b.names[0]),
    env: {isProd, isWeb, isHybrid}
  })

Вот мой загрузчик файлов: 

{
  test: /\.(png|jpg|jpeg|gif|eot|svg|ttf|woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$)/,
  use: [
    {loader: 'file-loader', options: {name: '[path][name].[hash].[ext]', context: './src'}},
    {loader: 'image-webpack-loader', options: {}}
  ]
}

1 Ответ

0 голосов
/ 28 ноября 2018

Внутри шаблона ejs -> index.html интерполируйте файл изображения следующим образом: 

<meta name="og:image" content="<%- require('./assets/images/image.jpeg') %>">
...