webpack自動打包出現localhost:8080只有Cannot GET /錯誤

 

 

自動打包出現這個，這不是我門預期的

 

 

 

const path = require('path')

module.exports = {
    //編譯模式
    mode:'development',  //development production
    entry:path.join(__dirname,'./src/index.js'),
    output:{
        path:path.join(__dirname,'./dist'),  //輸出文件的存放路徑
        filename:'bundle.js'  //輸出文件的名稱
    },

 

 

 

 

 

 

解決方案：加入devServer

const path = require('path')

module.exports = {
    //編譯模式
    mode:'development',  //development production
    entry:path.join(__dirname,'./src/index.js'),
    output:{
        path:path.join(__dirname,'./dist'),  //輸出文件的存放路徑
        filename:'bundle.js'  //輸出文件的名稱
    },
    devServer: {
        //....//
        static: {                               
          directory: path.join(__dirname, './'),  
          watch: true
        }
     }
}

npm run dev

運行成功