关于webpack打包amd规范的代码时路径问题
发布于 6 年前 作者 wangxuedongOvO 2777 次浏览 来自 问答

目录如下:

├── 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的时候,浏览器报错: image.png 看到提示,把dist下的0.bundle.js移动到和index.html平级,就没有问题了,请问怎么解决这个问题?

回到顶部