Как настроить WebPack для начинающих

Автор оригинала: Nwoga kingsley.

Начните запись здесь … Настройка WebPack для начинающих Настройка Устройства WebPack впервые может быть сложно, с точки зрения того, где и как организовать ваши файлы в порядке, который позволяет WebPack удалить их успешно в один основной файл. Теперь первый шаг – это установить WebPack, вы можете сделать это, используя командную строку, и выполнить следующую команду «NPM Install WebPack», или если вы используете пряжу вместо «пряжу, добавьте WebPack», теперь после установки WebPack, вам нужно Перейдите к папке Package.json, и если бы она была успешно установлена, вы увидите, что WebPack указывает на версию, установленную, например; WebPack: «^ 4.39.3». Теперь следующий шаг – настроить сборку в файле Package.json и настроен на посмотреть. пример;

"scripts": {
"build": "webpack --watch"
}

Затем следующий шаг состоит в том, чтобы настроить файл конфигурации, это файл WebPack будет смотреть на то, чтобы узнать файлы, которые его компилируют, где они есть, и файл, который он устанавливает все t, вы идете в корню вашего приложения, а вы настроиете «WebPack .CONFIG.js “затем после создания файла, который вы должны настроить его, выполнив следующее: давайте скажем, что SCRIP вы хотите прочитать данные, которые должны быть включены в папку SRC и называются« экзамерами. js ‘и скрипт, который вы хотите, чтобы каждый код в комплекте находится в папке под названием Bundle, и он назван «ExampleBundLescript.js», мы выполняем следующую команду

const path = require('path');
module.exprots = {
    entry: ['./src/exampleScript.js'],
    output: {
        Path: path.resolve(__dirname, 'bundle'),
        filename: 'exampleBundleScript.js'
    }
};

Примечание. Файл HTML-адреса INDEX должен быть помещен в одну и ту же папку с примерной папкой Bunndlescript.js, которая находится в папке Bundle. Теперь со всеми этими шагами вы успешно настроили WebPack.