在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
},
有人可以解释这些消息吗?在控制台中检查源代码时,启动应用程序后,我有以下文件:
这里一切都还好吗?
答案 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文件夹中。它不会出现在开发阶段。