Что такое Webpack ?

Компьютер, программы

→

Webpack - это САМЫЙ ПОПУЛЯРНЫЙ менеджер пакетов. Webpack добавляет JavaScript библиотеки в ваш проект

Что такое Webpack (основная задача Webpack) ?

посмотрели 3155 раз

обновлено: 2 августа 2020

Основная задача Webpack это запаковать все js, ts файлы в один js файл.

Что происходит, когда мы запускаем Webpack ?

Шаг 1.

Webpack открывает входной js или ts файл (имя входного файла указано в секции entry)

Шаг 2.

Webpack берет библиотеки которые вы укажите (например JQuery, React, Angular, Babel и другие)

Результат

Webpack запаковывает все это в один выходной js файл (имя выходного js файла указано в секции output).

Файл D:/my_example/webpack.config.js

module.exports = {
     entry: __dirname + '//src//evgen.js',

     ...

     output: {
          filename: 'transformed.js',
          path: __dirname + '/build'
     }
};

Следующая тема →
Проект TypeScript в Visual Studio Code. Устанавливаем: Node.js + Webpack (собираем все js файлы в один js) + Typescript (конвертация файлов ts в js)