webpack loader для esnext приватных полей и методов?

Question

Итак, я новичок в вебпаке и пытаюсь настроить его для работы с закрытыми методами и полями esnext. Я еще не указал загрузчик, но я не совсем уверен, какой использовать. В настоящее время мой файл webpack.config.js выглядит следующим образом:

const path = require("path");

module.exports = {
    entry: "./src/Rorke.js",
    output: {
        path: path.resolve(__dirname, "dist"),
        filename: "rorke.js"
    }
};

Когда я запускаю webpack, он выдает ошибку: Unexpected character '#'

Rorke.js выглядит так:

import Sprite from "./Sprite";
const test = new Sprite(0, 0);

и Sprite.js выглядит следующим образом:

export default class Sprite {
    #x;
    #y;
    constructor(x, y) {
        this.#x = x;
        this.#y = y;
    }
}

Когда я использую обычный класс es6 без закрытых полей, он отлично работает, но не с закрытыми полями.

Какой загрузчик я должен использовать / как я могу это исправить?