webpack中实时打包

Posted 2020-11-16 浮华夕颜

在做项目过程中我们不希望每次改完代码后都需要重新打包，而webpack-dev-server不能马上看到我们的实体文件，所以我们希望每次改完代码后都能看到打包后的实体文件，为了解决此问题，可以在配置文件webpack.config.js中添加配置watch:

//监控代码变化代码一变化就自动进行实时打包
    watch:true,
    //监控的选项
    watchOptions:{
        poll:1000,     //每秒访问1000次
        aggregateTimeout: 500,      //防抖，500毫秒内输入的东西只打包一次，如果写一个字母就打包一次，性能会很低
        ignored: /node_modules/    //不需要监控的文件
    }