webpack-奇怪的控制台消息(提供了输出,404将回退,不提供来自webpack的内容...等)

时间:2018-08-30 11:09:29

标签: webpack output serve development-mode

development模式下捆绑后,我在控制台中收到了以下消息:

webpack output is served from /
i 「wds」: Content not from webpack is served from C:\projectName\dist
i 「wds」: 404s will fallback to /index.html

webpack.dev.config.js中,我有:

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

有人可以解释这些消息吗?在控制台中检查源代码时,启动应用程序后,我有以下文件:

enter image description here

这里一切都还好吗?

1 个答案:

答案 0 :(得分:0)

我想知道浏览器是否一切正常?我遇到了同样的问题,因此我在webpack.config.js中更改了输出键,如下所示:

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

但是每当我运行npm run start

时,我仍然会在终端中得到以下内容
ℹ 「wds」: Project is running at http://localhost:8080/
ℹ 「wds」: webpack output is served from /
ℹ 「wds」: Content not from webpack is served from ./dist

所以我无法在任何地方看到bundle.js文件,无论是在我的./dist文件夹中,还是其他任何地方,但是浏览器中的所有内容都可以正常运行,而控制台没有任何错误

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