Babel自动检测页面中的js

babel怎么自动检测页面中的js代码啊？
我已经配置了webpack.config.js代码了，但是仍然对页面的代码不起效果。也配置了.babelrc，跟着官网写的，也只能执行命令才会产生另一个js代码，但是不可能全部都要使用命令去设置吧，真的没有自动加载的方法吗？还是我的代码有问题呢？没有用vue和vscoder,请大家指教指教

module: {
    rules: [
        //对js文件进行babel-loader处理 （将ES6语法转换成ES5）
        {
            test: /\.js$/, //对js有效 验证格式
            exclude: /node_modules/, //排除 如果我们的js文件在node_modules文件下就不适用Babel-loader进行处理
            loader: "babel-loader", //架桥梁
            //配置options
            options: {
                presets: [
                    [
                        '@babel/preset-env',
                        {
                            //按需加载
                            useBuiltIns: 'usage',
                            //指定corejs版本
                            corejs: {
                                version: 3
                            },
                            //指定兼容性做到哪个版本浏览器
                            targets: {
                                chrome: '60',
                                firefox: "50",
                                ie: '9',
                                safari: '10',
                                edge: '17'
                            }
                        }
                    ]
                ],
            }
        }
    ]
},

```

你这段配置的作用是作js的兼容性处理的 你这里说的应该是自动打包把 可以去看看webpack devServer