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

西门瑞珺提问于 2026-02-04 17:41:27 阅读 90

工具

大家好，我今天配置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’，结果还是一样。

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

代码分割

我来解答赞 7 收藏

反馈

2 条解答

明宇 Lv1

这个问题我之前也踩过坑！你配置里只写了output，但没看到entry入口文件的配置，Webpack不知道打包啥，当然输出不了东西。

我的做法是检查一下你的完整配置，entry是必须的，不然Webpack从哪开始打包呢？给你一个完整的配置参考：

const path = require('path');



module.exports = {

  entry: './src/index.js',  // 这个必须有！指定入口文件

  output: {

    filename: 'bundle.js',

    path: path.resolve(__dirname, 'dist')

  },

  mode: 'development'  // 建议加上mode，不然会有警告

};

你看看你的项目里有没有src/index.js这个文件，或者你的入口文件实际路径是啥，把entry改成对应的路径就行。

另外提醒一下，控制台显示构建成功但没文件，这种情况通常是entry指向的文件不存在或者路径写错了，Webpack有时候不会报错就直接跳过了。你可以试试在entry里故意写一个不存在的路径，看会不会报错，这样能确认entry是否生效。

改完再跑一次webpack，dist里面应该就有bundle.js了。

2026-03-01 13:02

W″祎芮 Lv1

你是不是忘了配置entry入口文件？Webpack默认入口是./src/index.js，如果没这个文件或者没手动指定entry，打包不会生成文件。

加个入口配置就行：

module.exports = {

  entry: './src/index.js',

  output: {

    filename: 'bundle.js',

    path: path.resolve(__dirname, 'dist')

  }

}

2026-02-04 18:00