webpack-dev-server - возможно ли использовать `index.html` и` main.js` вне корня? - PullRequest
Новая
       13

webpack-dev-server - возможно ли использовать `index.html` и` main.js` вне корня?

0 голосов
/ 24 октября 2019

Context

Я использую gulp для сборки своего кода и использую Webpack только для webpack-dev-server и функции горячей перезагрузки. Горячая перезагрузка работает, как и ожидалось, но мне нужно обслуживать точки входа index.html и main.js из отдельной папки в моем корневом каталоге, кроме тех, которые gulp использует для сборки моего кода.

Вопрос

webpack-dev-server , насколько я прочитал из документации, можно предоставить только один каталог для обслуживания, который должен содержать всю структуру файлавключая index.html и main.js.

Мой вопрос заключается в том, можно ли Webpack указать каталог, в котором находится webpack.config.js, , но , исключая index.html и main.js, и вместо перейдите в другую папку и используйте эти index.html и main.js во время горячей перезагрузки.

Итак, в основном ячтобы это работало: 

- src/
 -- assets/
 -- components/
 -- dev/
  --- main.jsx
  --- index.html
 -- main.jsx
 -- index.html
- webpack.config.js
- gulpfile.js
  1. Когда я запускаю gulp build, он использует вышеуказанный каталог, исключая dev/.
  2. Когда я вращаю webpack-dev-server , он использует dev/ для точек входа и пропускает index.html и main.js в src/.

Примечание: Я знаю, что не могу сделать это из файла gulp другим способом, однако я не хочу менять его работу, он мне нужен без изменений)

Но почему?

Потому что это огромный проект, написанный на React, который компилирует код с использованием Gulp в некоторые определенные папки, и я не хочу менять ни один из этих кодов, поскольку многие другие полагаются на них. Первоначально этот проект не использовал горячую перезагрузку, а сейчас я представляю Webpack только для сервера dev и горячей перезагрузки. Проблема заключалась в том, что Gulp компилирует этот код в совершенно отдельный каталог, все пути различаются в index.html, и мне нужен index.html, который показывает правильные пути для webpack-dev-server .

И примерно main.js, мне нужно разместить строку, где я импортирую CSS, чтобы показать файлы CSS на webpack-dev-server , но это портит процесс сборки скрипта Gulp.

...