webpack - 奇怪的控制台消息（提供输出，404s 将回退，提供不是来自 webpack 的内容......等等）

Question

在模式下捆绑后development，我在控制台中收到以下消息：

\n\n

\r\n

\r\n

webpack output is served from /\r\ni \xef\xbd\xa2wds\xef\xbd\xa3: Content not from webpack is served from C:\\projectName\\dist\r\ni \xef\xbd\xa2wds\xef\xbd\xa3: 404s will fallback to /index.html

\r\n

\r\n

\r\n

\n\n

在webpack.dev.config.js我有：

\n\n

\r\n

\r\n

output: {\r\n    path: path.resolve(__dirname, \'dist\'),\r\n    filename: \'[name].bundle.js\'\r\n},\r\ndevtool: \'inline-source-map\',\r\ndevServer: {\r\n      contentBase: path.join(__dirname, \'dist\'),\r\n      disableHostCheck: true,\r\n      hot: true,\r\n      open: true,\r\n      historyApiFallback: true,\r\n      port: 8081\r\n  },

\r\n

\r\n

\r\n

\n\n

有人可以解释这些消息吗？当我在控制台中检查源时，启动应用程序后，我有这些文件：

\n\n

\n\n

这里一切都好吗？

\n

Answer 1

我想知道浏览器中是否一切正常？我有同样的问题，所以我更改了输出键，如下webpack.config.js所示：

\n\n

output: {\n        path: __dirname + '/dist',\n        filename: 'bundle.js'\n    },\n

\n\n

但每当我运行时，我仍然会在终端中看到以下内容npm run start

\n\n

\xe2\x84\xb9 \xef\xbd\xa2wds\xef\xbd\xa3: Project is running at http://localhost:8080/\n\xe2\x84\xb9 \xef\xbd\xa2wds\xef\xbd\xa3: webpack output is served from /\n\xe2\x84\xb9 \xef\xbd\xa2wds\xef\xbd\xa3: Content not from webpack is served from ./dist\n

\n\n

所以我在任何地方都看不到bundle.js文件，无论是在我的./dist文件夹还是其他任何地方，但一切都在浏览器中运行，控制台不会给出任何错误

\n\n

当我们使用 ./dist 之类的东西构建整个应用程序时，我们将能够看到 bundle.js 文件出现在 ./dist 文件夹中npm run build。它不会出现在开发阶段。

\n