在剛學(xué)習(xí) webpack 的時候，總是需要反復(fù)執(zhí)行npm run build來執(zhí)行打包

時間久了覺得不勝其煩，在和npm run build 運(yùn)行的當(dāng)時怎么能解決自動的實(shí)時去打包更新 dist 里的文件

在 webpack.config.js配置 watch和watchOptions來監(jiān)聽代碼變化，進(jìn)行自動打包,刷新瀏覽器最新結(jié)果

module.exports={
    mode:'development',
    // 入口
    entry:'./src/index.js',
    output:{
        filename:'bundle.[hash:8].js',  //添加[hansh]  防止內(nèi)存覆蓋也緩存問題
        path:path.resolve(__dirname,'dist')  //解析出一個絕對路徑  \MYPRO\dist
    },
    watch:true,
    watchOptions:{
        poll:1000,  //輪詢間隔時間
        aggregateTimeout:500, //防抖（在輸入時間停止刷新計時）
        ignored:/node_modules/
    },
    plugins:[
        new HTMLWebpackPlugin({
            template:'./index.html',
            filename:'index.html',
        })
    ],
    devtool:'source-map'
    ,

注意：在vscode 的終端輸入命令執(zhí)行的不會自動刷新，編輯完代碼以后，ctrl+s 才會刷新打包文件