webpack

Stage#1 Webpack

В данном модуле студентам необходимо:

• Знать и понимать назначение webpack, сборки проекта
• Иметь общее представление о webpack.config
• Уметь работать с готовой сборкой webpack

Содержание

1. History
   • history
   • modules vs flat files (gulp vs webpack)
   • modules & dependences
   • code splitting
   • Webpack vs AMD, CommonJS, ES6
   • performance
2. What Is webpack?
   • What is webpack?
   • Install webpack and webpack-cli
   • Run webpack
   • Run the build with webpack.config
   • Using npm build scripts
3. Webpack.config
   • entry
   • output
   • plugins
   • loaders
   • preLoaders
   • devtool
4. Webpack Loaders
   • What is a loader?
   • Set up babel-loader for project
   • Using @babel/preset-env
   • Using @babel/preset-react
5. Load Assets
   • Load CSS with webpack
   • Load images with webpack
   • Using the webpack-dev-server
6. Code Splitting with webpack
   • What is code splitting?
   • Add multiple entry points
   • Optimize with SplitChunks
   • Using the HtmlWebpackPlugin
   • Prepare code for production

Приблизительное время прохождения модуля

4 часа

Теория

// TODO Актуализировать список необходимой теории // Добавить инстурукцию по готовой webpack сборке

• https://youtu.be/ssORHjHHCzU

Практика

1. Вам необходимо пройти тест "Test Webpack Basics [RU]" в RS APP > Auto Test

Дополнительные материалы

//TODO Актуализировать содержание

1. Webpack 4 - простая сборка проекта - 2 часа
2. Webpack. Полный курс 2020 - 3 часа