When packing, can webpack not let development dependent packages such as babel-loader,vue-loader enter into the package that he or she finally wants to launch?

the package printed when using webpack is too large. After analysis with webpack visualizer tool, it is found that this package contains babel-loader, vue-loader and other development dependent packages. The following code is the configuration in webpack.prod.conf.js:

 vue: {
      root: "Vue",
      commonjs: "vue",
      commonjs2: "vue",
      amd: "vue"
    },
    "vue-router": {
      root: "vue-router",
      commonjs: "vue-router",
      commonjs2: "vue-router",
      amd: "vue-router"
    },
    "vue-i18n": {
      root: "vue-i18n",
      commonjs: "vue-i18n",
      commonjs2: "vue-i18n",
      amd: "vue-i18n"
    },
    iview: {
      root: "iview",
      commonjs: "iview",
      commonjs2: "iview",
      amd: "iview"
    },
    "babel-loader": {
      root: "babel-loader",
      commonjs: "babel-loader",
      commonjs2: "babel-loader",
      amd: "babel-loader"
    }

iview, vue, vue-router and vue-i18n are all gone in the final compiled package, but is there any way for babel-loader, to get babel-loader removed, too?

Mar.16,2021
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1bf5281-31f41.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1bf5281-31f41.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?