关于webpack打包amd规范的代码时路径问题

目录如下：

├── dist
│   ├── 0.bundle.js
│   └── bundle.js
├── index.html
├── index.js
├── muti.js
├── package-lock.json
├── package.json
├── src
│   ├── amd.js
│   ├── commonjs.js
│   └── esmodule.js
└── webpack.config.js

webpack 配置如下：

const path = require('path');
module.exports = {
  entry: {
    main: './index.js'
  },
  output: {
    path: path.join(__dirname,'./dist'),
    filename: 'bundle.js'
  }
}

打包之后，在dist目录生成两个js文件，一个为bundle.js一个为0.bundle.js,我在html页面加载bundle.js的时候，浏览器报错： 看到提示，把dist下的0.bundle.js移动到和index.html平级，就没有问题了，请问怎么解决这个问题？