изображения не отображаются при открытии index.html из папки dist

Question

Я использую webpack 4.8 с реакцией для автоматизации нескольких задач для производственной среды.

В настоящее время в моей папке / dist у меня есть index.hml, bundler.css, bundler.js, но я не знаю, еслиМне также нужно скопировать папку assets в папку / dist с помощью веб-пакета, или я должен просто сослаться из моего /dist/index.html в / src / assets / img, используя некоторую константу в качестве абсолютного пути (определите некоторый baseUrl).

Вся моя структура выглядит так:

/dist
/src
  /assets
    /img

Кто-нибудь знает, как лучше всего добиться такой вещи?

Answer 1

Вы можете просто сделать относительный путь через ./SOME/PATH
Одна точка на одну папку для возврата

Answer 2

Вы должны скопировать assets в /dist и ссылку на него в index.html

Вы можете использовать copy-webpack-plugin (поместите его в свой package.json)

new CopyWebpackPlugin([
    { from: 'src/assets', to: 'assets' },
    ...
]);