Node.js Webpack帮助-将热加载和源映射添加到React/节点项目

我是个网页新手。我试图将React添加到一个简单的节点项目中，但我只在预先设置的webpack dev服务器上使用过React，而没有在其他服务器上使用过React。Webpack运行自己的节点服务器，所以这给我带来了一个问题

以下是我需要的帮助：

如果使用Express，如何添加热加载和源映射

我怎样才能从我的公共文件夹和webpack中添加一个全局引导css到这个项目中（有没有一种方法可以像我使用js文件和html webpack插件那样做到这一点）

我曾尝试使用webpack的开发服务器获得热加载，但遇到了两个服务器冲突的问题：webpack和app.js服务器

这是我的app.js文件的一部分

var-app=module.exports=express（）；
use（bodyParser.json（））；
use（bodyParser.urlencoded（{extended:true}））；
app.use（express.static（path.join（uu dirname，'public'））；
//API路线
//所有其他请求
app.get（'*'，函数（req，res）{
res.sendFile（path.join（uu dirname，'dist'，'index.html'）；
});
//启动服务器
http.createServer（app.listen（端口）注意，在
webpack.config.babel
文件中，您有以下输出：

  output: {
    path: __dirname + '/dist',
    filename: '[name].js',
  },

您需要将这个
[name].js
文件放在
dist/index.html
中

可能会对你有帮助，让你自己得到正确的设置
 这不是
html网页包插件
正在做的事情吗？它正在将我的js文件添加到我的dist文件夹中的index.html文件中。还是你在说别的？我明白了，什么是
[name].js
？你能给它起个明确的名字，比如
react.js
（不带
[]
），看看它是否被导入了吗？它可能会在括号中破裂。[name].js就像条目对象中键I的可变占位符。我更新了我的问题以使其更清楚。js的东西工作正常。在使用express而不是webpack的开发服务器时，我需要有关编译css、热加载和源代码映射的帮助。@ming soon我想你在这里可能有一些很好的见解：）