Improvements to Webpack Config

[Aveline-art]

Dependency

• Front and Backend environmental setup #25

Overview

As a developer, we need to create an environment that will ease development as well as provide users a seamless experience when using our website. For this issue we will configure webpack with several improvements that will improve the overall quality of our project.

Action Items

• Change webpack config to have the follow improvements. If they already exist, be sure to check them off
  • Production environment
  • Sass loaders
  • Babel loaders
  • HtmlWebpackPlugin
  • Minifying
  • Tree Shaking
  • SVG and other image extensions management
• Release Add lazy loading capabilities to our codebase #190

Resources/Instructions

Webpack Concepts
Webpack Configuration
Webpack Guides
Webpack Loaders

[Aveline-art]

I am taking this issue as part of this must be done concurrently with my work on #78 , since the scope of that issue has expanded

[Aveline-art]

@gjagnoor Is this in progress? Why is it in links/questions/review?

[gjagnoor]

@Aveline-art Not really, just making final edits you suggested as part of the code review last night. It's there to inform the team that this issue is now under review. Did I misunderstand the purpose of this bin?

[Aveline-art]

@gjagnoor Yes. We don't really use it right now, but historically, it is only used if you need product/stakeholder opinion on your ticket, and only if you could not get that feedback over slack.

[Aveline-art]

Closed because ticket is completed