webpack dev server-是否可以从根目录之外使用'index.html'和'main.js'？ 上下文

我正在使用gulp来构建代码，并且只为Webpack dev服务器和热重新加载功能使用Webpack。热重新加载按预期工作，但是，我需要从根目录中的一个单独文件夹提供

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

当我运行

gulpbuild

时，它使用上述目录，不包括

dev/

当我旋转网页包开发服务器时，它使用

dev/

作为入口点，并在

src/

中省略

index.html

和

main.js

注意：我知道我不能以另一种方式从gulp文件实现，但是，我不想改变它的工作方式，我需要它完好无损）

为什么呢？ 因为这是一个用React编写的大型项目，使用Gulp将代码编译到某些特定的文件夹中，我不想更改任何代码，因为其他许多代码都依赖于这些。最初这个项目没有使用热重新加载，现在我引入了Webpack，只用于开发服务器和热重新加载。问题是因为Gulp将此代码编译到一个完全独立的目录中，所有路径在

index.html

中都是不同的，我需要和

index.html

来显示网页包开发服务器的正确路径

关于

main.js

，我需要在导入CSS的地方放置一行代码，以便将CSS文件显示到webpack dev server，但这会打乱Gulp脚本的构建过程