Какие файлы bundles.js появляются в архиве кода Github для книги «Игры HTML5: от новичка до ниндзя»?

Question

Я недавно купил HTML5 игры: от новичка до ниндзя от Эрла Кастельдина. В третьей главе книги рассказывается о создании базовой библиотеки игр, которая используется для остальной части книги. У меня точно такой же код, который представлен в книге, но я получаю сообщение об ошибке консоли Uncaught SyntaxError: Unexpected identifier, поэтому я пошел в архив кода GitHub . В каждом проекте я нашел файл с именем bundles.js, который никогда не упоминался в книге. Кроме того, вместо файла main.js, являющегося источником скрипта, файлы bundles.js были.

Когда я скопировал файл bundles.js из проекта GitHub html5games1 / ch03 / 10-library-entity / entity, программа работала и работала нормально. Что такое файлы комплекта и почему программа не работает без них?

Если этот вопрос не имеет смысла, извините. Я впервые пишу вопрос.

Answer 1

bundle.js обычно генерируется Webpack.Возможно, вы используете передовой JavaScript, который компилируется с Babel с помощью Webpack.Или вы можете использовать live reloading с сервером Webpack.

Answer 2

bundle.js - это распространенное имя, которое упаковщик javascript (например, webpack или browserify) будет использовать для создания одного файла со всем javascript приложения, так что он может быть загружен браузером с одним тегом <script> .

Похоже, они используют browserify. Вы можете увидеть, как они это называют, в некоторых файлах package.json:

  "scripts": {
    "start": "budo src/main.js:bundle.js --live -- -t [ babelify --presets [ env ] ]",
    "build": "browserify src/main.js -o bundle.js -t [ babelify --presets [ env ] ]"
  },

Они также используют babel, которая преобразует современный JS в устаревший JS, чтобы он работал на большем количестве браузеров.