webpack 配置自动打包 浏览器报错 Cannot GET /

webpack 配置自动打包 浏览器报错 Cannot GET /

解决

• 在webpack.config.js文件中 module.exports 对象下 添加以下代码解决

const path = require('path'); //导入nodejs 操作 路径的模块 
module.exports = {

    // 编译模式
    mode: 'production', //development 开发模式   production 上线模式
    // 修改打包的入口与出口
    entry: path.join(__dirname, './src/index.js'), //打包入口文件路径
    output: {
        path: path.join(__dirname, './dist'), //输出文件路径
        filename: 'aaa.js', //输出文件的名称
    },
    // 需要添加以下代码：
    devServer: {
        static: {
            directory: path.join(__dirname, './'),
            watch: true
        }
    },
}