webpack-config

Requirements:

• Setup webpack-dev-server and npm build scripts
• Add index.html and generated Javascript bundle
• Add webpack alias to make it easier to import files
• Transform ES6+ to ES5
• Import and inject CSS code
• Extracting all CSS into a single file
• Handle files
• Inline SVG elements
• Apply CSS vendor prefixes
• Optimize CSS and Javascript assets
• Separate dev and prod environments

Loaders used:

• babel-loader
• css-loader
• less-loader
• html-loader
• file-loader

Plugins used:

• clean-webpack-plugin
• html-webpack-plugin
• copy-webpack-plugin
• mini-css-extract-plugin
• critters
• terser