Задать вопрос
@McHack
webpack

Почему WebPack Dev Server открывает дев-сервер на физической основе?

Неизвестно по какой мне причине WebPack Dev Server стал обращаться к билду для продакшена. То есть он поднимает сервер напрямую из физической папки, хотя должен генерировать все в памяти, насколько я знаю. Самое интересное, что live-reload работает абсолютно на всех страницах, однако ничего не обновляется (даже css), т.к. не обновляется конечный файл в физической папке. Если же удалить папку с билдом, то мы увидим прекрасную картину:

5d5d0322a510d707593735.png

Файл конфигурации настроен так, ранее все прекрасно работало. Вот код:
const PATHS = {
  app: path.join(__dirname, '../app'),
  dist: path.join(__dirname, '../dist'),
  assets: 'assets/'
}

 entry: {
    app: PATHS.app,
    personal: `${PATHS.app}/personal.js`
  },
  output: {
    filename: `${PATHS.assets}js/[name].js`,
    path: PATHS.dist,
    publicPath: '/'
  },


С WebPack работаю недавно, новичок, поиски в интернете ничего дельного не дали. Видел даже похожий вопрос тут на Тостере, однако решения так и не нашел. В чем может быть причина? Спасибо!
  • Вопрос задан
  • 136 просмотров
Комментировать
Подписаться 1 Средний Комментировать
Решения вопроса 1
@McHack Автор вопроса
Проблема оказалась до боли банальна, но не очевидна. В плагинах в определении конечного пути для файла я забыл указать точку. Билд функция все понимала правильно и делала все как нужно, тогда как дев-серверу нужен был относительный путь. Смотрим на живом примере:
...PAGES.map(page => new HtmlWebpackPlugin({
      template: `${PAGES_DIR}/${page}`,
      filename: `(вот она красивая, никогда не забывайте ее) => ./${(page == 'index.pug') ? '' : page.replace(/\.pug/, '')+'/'}index.html`,
      inject: 'head',
      excludeAssets: [/personal.*.js/],
      hash: false
    })),
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer, Remote 🔥
Fundraise Up
от 3 800 до 6 500 $
Middle Fullstack Developer (Laravel + Vue.js) (Contractor, Remote)
Hicaliber
от 2 500 до 3 800 $
Преподаватель по программированию
Современный цифровой колледж • Пермь
от 10 000 до 50 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Каталог AI tools
18 апр. 2024, в 01:12
150000 руб./за проект
Загрузка характеристик из xml/csv файла в карточки товаров WordPress
18 апр. 2024, в 00:58
5000 руб./за проект
Нарисовать подарки для соц сети
18 апр. 2024, в 00:10
50000 руб./за проект
Ещё заказы