Webpack Archives - JavaScript Enlightenment https://www.javascriptenlightenment.com/category/webpack/ JS Dev Mon, 05 Jul 2021 12:32:53 +0000 en-US hourly 1 https://wordpress.org/?v=6.6.2 https://www.javascriptenlightenment.com/wp-content/uploads/2021/07/cropped-rocket-league-icon-32x32.png Webpack Archives - JavaScript Enlightenment https://www.javascriptenlightenment.com/category/webpack/ 32 32 Customize your own webpack config from scratch https://www.javascriptenlightenment.com/customize-your-own-webpack-config-from-scratch/ https://www.javascriptenlightenment.com/customize-your-own-webpack-config-from-scratch/#respond Mon, 05 Jul 2021 12:24:09 +0000 https://www.javascriptenlightenment.com/?p=193 Technically, this is not an application, but a very useful task to understand how webpack works from the inside out. Now it will not be a “black box”, but an understandable tool. Requirements: Compile es7 to es5 (basics). Compile jsx to js – or – .vue to .js (will have to learn loaders) Configure webpack…
Read more

The post Customize your own webpack config from scratch appeared first on JavaScript Enlightenment.

]]> Technically, this is not an application, but a very useful task to understand how webpack works from the inside out. Now it will not be a “black box”, but an understandable tool.

Requirements:

  • Compile es7 to es5 (basics).
  • Compile jsx to js – or – .vue to .js (will have to learn loaders)
  • Configure webpack dev server and hot module reloading. (vue-cli and create-react-app use both)
  • Use Heroku, now.sh or Github, learn how to deploy webpack projects.
  • Set up your favorite preprocessor to compile css – scss, less, stylus.
  • Learn how to use images and svgs with webpack.

The post Customize your own webpack config from scratch appeared first on JavaScript Enlightenment.

]]> https://www.javascriptenlightenment.com/customize-your-own-webpack-config-from-scratch/feed/ 0