@Paxest
Freecodecamp camper :)

Как указать общую корневую папку в webpack для всех файлов проекта не являющихся точками entry?

Добрый день!

Узнал сегодня, что вэбпак заменяет корневой каталог(папку) на ту, что указана в entry(но это нормально), и на ту, что указана, допустим, в HTMLWebpackPlugin - это уже ненормально.

Хотелось бы рассмотреть гипотетическую ситуацию и найти из неё выход:
Допустим, есть такая файловая система

/Project
    -- /enimals
         -- enimals.pug
         -- enimals.css
         -- /image
                -- dog.png
                -- cat.png
                -- bird.png
   -- /entryPoints
             -- cats.pug
             -- /other
                 --  bird.pug
                 --  dog.pug


При такой вложенности файлов в папке entryPoints, если я импортирую в эти файлы файл enimals.pug со вставленными картинками через <img>, мне придется прописывать путь к файлам *.png относительно корневого каталога.

Для файла cats.pug -- корневым будет entryPoints/ и соответственно путь будет ../enimals/image/cat.png

А для файлов bird.pug и dog.pug -- корневым будет other/ и пути будут ../../enimals/image/dog.png и ../../enimals/image/bird.png

Вопрос: можно ли как то настроить вэбпак, чтобы файлы, которые не указаны как entry, видели при загрузке тот корневой каталог, который я укажу? Так, чтобы путь изображений всегда начинался от корневой папки /Project, и путь всегда бы строился одинаково ./enimals/image/dog.png ?
  • Вопрос задан
  • 11 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы