Webpack输出配置中output.filename和path设置后打包文件没生成怎么办?

西门瑞珺 阅读 45

大家好,我今天配置Webpack的output时遇到个怪问题。按照文档设置了output.filename和path,但打包后dist目录里啥都没有,路径也确认没问题,这是为啥啊?

场景是这样的:我在webpack.config.js里写了


module.exports = {
  output: {
    filename: 'bundle.js',
    path: path.resolve(__dirname, 'dist')
  }
}

然后执行webpack命令后,dist文件夹确实创建了,但里面就是没有bundle.js文件。我试过改成绝对路径、把dist删掉重试,甚至把filename改成'[name].js’,结果还是一样。

控制台没有任何错误提示,只是显示构建成功。这是配置哪里漏了吗?是不是需要配合其他参数一起设置?

我来解答 赞 3 收藏
二维码
手机扫码查看
1 条解答
W″祎芮
你是不是忘了配置entry入口文件?Webpack默认入口是./src/index.js,如果没这个文件或者没手动指定entry,打包不会生成文件。

加个入口配置就行:

module.exports = {
entry: './src/index.js',
output: {
filename: 'bundle.js',
path: path.resolve(__dirname, 'dist')
}
}
点赞 6
2026-02-04 18:00