在没有服务器的情况下执行react webpack bundle

Question

我有一个简单的React应用程序，它是使用各种node_modules构建的。当我将应用程序捆绑到index.html和app.js并从webpack-dev-server实例提供服务时，应用程序运行正常。我还试着直接指向chrome中的index.html文件，期望它正常运行应用程序，因为它可以访问捆绑的app.js，但没有任何加载。

我的问题是，webpack-dev-server在直接点击index.html文件时提供的内容是什么？我原以为应用程序需要的所有内容都包含在app.js包中？

我没有任何静态资产需要担心，这是一个非常简单的反应应用程序，应该呈现一些基本组件，将显示一些文本/按钮。

控制台为空，网络标签如下所示 -

Answer 1

如果我错了，请纠正我，但我认为你没有生成你的捆绑包。

Webpack-server使用webpack构建您的文件并将app.js保留在内存中。当您停止webpack-dev-server时，app.js可以找不到index.html个文件。您只需使用webpack配置来构建app.js文件。

将脚本添加到package.json中，如：

"scripts": {
    "build": "webpack --config directory/webpack.config.js --progress"
},

然后运行nam run build，它应该会生成您的应用包，然后粘贴到您的index.html目录中，以便它可以提取它。