Я чрезвычайно новичок в использовании веб-пакетов. Я пытаюсь использовать это, чтобы связать мою структуру. В любом случае файл моего фреймворка выглядит примерно так:
class Rorke {
constructor(x, y) {
this.x = x;
this.y = y;
}
}
В моем webpack.config.js:
module.exports = {
entry: "./src/rorke.js",
output: {
filename: "rorke.bundle.js"
}
}
Мой пакет.json:
{
"name": "rorke-3.0",
"version": "1.0.0",
"description": "",
"main": "./src/rorke.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"bundle": "webpack ./src/rorke.js dist/rorke.bundle.js"
},
"author": "",
"license": "ISC",
"devDependencies": {
"webpack": "^4.32.2"
},
"dependencies": {
"pixi.js": "^5.0.3",
"prototype": "0.0.5"
}
}
Итак, я бегу:
npm run bundle
И выводит файл связки. Затем я включаю этот файл так:
<html>
<body>
<script src="dist/rorke.bundle.js"></script>
<script src="game.js"></script>
</body>
</html>
И, наконец, это моя игра. Js:
const game = new Rorke(800, 600);
Поэтому, когда я открываю HTML-файл, он говорит мне:
Рорке не определен
Кто-нибудь знает, почему это так? Что я тут делаю не так / не понимаю?