Webpack + Babel not compiling on command script?

Question

. 。 Answers to this question are eligible for a +100 reputation bounty. Sackadelic is looking for an . 。

newish to Webpack and brand new to Babel. I'm trying to set Babel up for my company's JS files to support older browsers, and am having an issue setting it up. Running the npm run start script does nothing. However, if I comment out the Babel module under my webpack.config.json , npm run start returns the normal functionality. Can someone tell me where I'm going wrong?

I installed Babel using the following command:

npm install -D babel-loader @babel/core @babel/preset-env webpack

package.json

{
// Name, etc here.
  "scripts": {
    "start": "webpack"
  },

  "devDependencies": {
    "@babel/core": "^7.18.13",
    "@babel/preset-env": "^7.18.10",
    "babel-loader": "^8.2.5",
    "browserslist": "^4.21.3",
    "webpack": "^5.74.0",
    "webpack-cli": "^4.9.2"
  },
  "browserslist": [
    " > .5%, last 2 versions, iOS 12.1, Safari 13"
  ]
}

Webpack.json

const path = require("path");
module.exports = {
  entry: {
    theme: __dirname + "/assets/js/modules-theme/index.js",
    product: __dirname + "/assets/js/modules-product/index.js",
  },
  output: {
    filename: "[name].bundled.js",
    path: path.resolve(__dirname, "assets/js/"),
  },
  //mode: "development",
  mode: "production",
  watch: true,

  module: {
    rules: [
      {
        test: /\.m?js$/,
        exclude: /(node_modules|bower_components)/,
        use: {
          loader: "babel-loader",
          options: {
            presets: ["@babel/preset-env"],
          },
        },
      },
    ],
  },
};

Thanks to all for any help.

Answer 1

After a system restart, I was able to fix this issue. All is working now. I will delete this question after.