bundle.js не создается

Question

Я пытаюсь создать простой проект веб-пакета с использованием кода. У него есть две папки: 1.dist 2.src

У меня есть файл app.js в папке src, и мне нужно создать пакетный файл с помощью команды webpack

для этого я использую команду ниже

webpack ./src/app.js ./dist/bundle.js

но эта команда выдает ошибку ниже

ОШИБКА в мульти ./src/app.js ./dist/app.bundle.js Модуль не найден: Ошибка: не удается разрешить «./dist/app.bundle.js» в «D: \ Webpack \ WEBPACK-101» @ multi ./src/app.js ./dist/app.bundle.js

Есть какая-то незначительная вещь, по которой я скучаю, было бы очень полезно, если бы кто-нибудь мог понять, что именно мне не хватает? Заранее спасибо !!!

Answer 1

Вам нужно будет создать webpack.config.js

const path = require('path');

module.exports = {
  entry: './src/app.js',
  output: {
    filename: 'bundle.js',
    path: path.resolve(__dirname, 'dist')
  }
};

Обновление package.json

{
    "name": "webpack-demo",
    "version": "1.0.0",
    "description": "",
    "scripts": {
      "test": "echo \"Error: no test specified\" && exit 1",
+     "build": "webpack"
    },
.....
}

И беги

npm run build

Подробнее

Answer 2

Если у вас нет файла webpack.config.js, вы можете полагаться на конфигурацию по умолчанию для этого, но вам нужно сделать некоторые вещи раньше.

Во-первых, ваш «основной» скрипт должен быть in: src/ и должен называться index.js

По умолчанию вывод всегда dist/.

Итак, зная это, вы можете запустить: webpack. И ваш пакет будет сгенерирован.

---

Или вы могли бы webpack --entry ./src/app.js --output ./dist/bundle.js