v5.6.0

Major Vesions Packages Updates

• css-minimizer-webpack-plugin@2.0.0 from 1.x new features and breaking changes can be found on the official release notes

Packages Versions Update

• @babel/core@7.13.15 change log can be found on the official release notes.
• @babel/preset-env@7.13.15 change log can be found on the official release notes.
• copy-webpack-plugin@8.1.1 change log can be found on the official release notes.
• css-loader@5.2.1 change log can be found on the official release notes.
• eslint@7.24.0 change log can be found on the official release notes.
• eslint-plugin-react@7.23.2 change log can be found on the official release notes.
• mini-css-extract-plugin@1.4.1 change log can be found on the official release notes.
• postcss@8.2.10 change log can be found on the official release notes.
• sass-loader@11.0.1 change log can be found on the official release notes.
• webpack@5.32.0 change log can be found on the official release notes.
• webpack-bundle-analyzer@4.4.1 change log can be found on the official release notes
• webpack-cli@4.6.0 change log can be found on the official release notes.

v5.5.0

Major Vesions Packages Updates

• copy-webpack-plugin@8.1.0 from 7.x new features and breaking changes can be found on the official release notes
• imagemin-svgo@9.0.0 from 8.x new features can be found on the official release notes
  • Important Note - the new version of imagemin-svgo requires change in the configuration in the wepback.config.js - the way plugin configurations are being passed.

Packages Versions Update

• ajv@7.2.3 change log can be found on the official release notes.
• @babel/core@7.13.10 change log can be found on the official release notes.
• @babel/preset-env@7.13.12 change log can be found on the official release notes.
• css-loader@5.1.3 change log can be found on the official release notes.
• css-minimizer-webpack-plugin@1.3.0 change log can be found on the official release notes.
• eslint@7.22.0 change log can be found on the official release notes.
• html-webpack-plugin@5.3.1 change log can be found on the official release notes.
• postcss@8.2.8 change log can be found on the official release notes.
• postcss-loader@5.2.0 change log can be found on the official release notes.
• webpack@5.27.2 change log can be found on the official release notes.

v5.4.0

Updates

• Note Remove the src/templates directory and place the templates directly in src to keep assets files path sycned between src and dist paths for better development UX.
• Update loading priority - compromise in favor of loading SVG background images in SASS/PostCSS instead of SVG Fonts.
  • To configure loading SVG fonts instead of SVG background add svg extension in url-loader for fonts extensions.
• Update demo HTML template
  • Document <title/>
  • Base font size
  • Deleted .svg font file.

Packages Versions Update

• @babel/core@7.13.8 change log can be found on the official release notes.
• @babel/preset-env@7.13.9 change log can be found on the official release notes.
• autoprefixer@10.2.5 change log can be found on the official release notes.
• ajv@7.2.1 change log can be found on the official release notes.
• css-loader@5.1.1 change log can be found on the official release notes.
• eslint@7.21.0 change log can be found on the official release notes.
• html-webpack-plugin@5.3.0 change log can be found on the official release notes.
• mini-css-extract-plugin@1.3.9 change log can be found on the official release notes.
• postcss@8.2.7 change log can be found on the official release notes.
• postcss-loader@5.1.0 change log can be found on the official release notes.
• sass@1.32.8 change log can be found on the official release notes.
• webpack@5.24.4 change log can be found on the official release notes.

v5.3.0

Documentation Updates

• README documentacion available as HTML version in the demo page index.html
  • Built demo page is available on https://weareathlon.github.io/frontend-webpack-boilerplate/

Packages Major Version Updates

• html-webpack-plugin@5.0.1 from 4.x new features can be found on the official release notes.
• postcss-loader@5.0.0 from 4.x new features can be found on the official release notes.
• sass-loader@11.0.1 from 10.x new features can be found on the official release notes.

Package Versions Update

• ajv@7.1.0
• autoprefixer@10.2.4 change log can be found on the official release notes.
• @babel/preset-env@7.12.16 change log can be found on the official release notes.
• @babel/core@7.12.16 change log can be found on the official release notes.
• eslint@7.20.0 change log can be found on the official release notes.
• css-loader@5.0.2 change log can be found on the official release notes.
• mini-css-extract-plugin@1.3.7 change log can be found on the official release notes.
• postcss@8.2.6 change log can be found on the official release notes.
• sass@1.32.7 change log can be found on the official release notes.
• webpack@5.22.0 change log can be found on the official release notes.
• webpack-bundle-analyzer@4.4.0 change log can be found on the official release notes.
• webpack-cli@4.5.0 change log can be found on the official release notes.

v5.2.2

Maintenance Release

• Updated README file
  • Added Table of Contents (TOC)

Package Versions Update

• autoprefixer@10.2.1 change log can be found on the official release notes.
• css-minimizer-webpack-plugin@1.2.0 change log can be found on the official release notes.
• image-minimizer-webpack-plugin@2.2.0 change log can be found on the official release notes.
• mini-css-extract-plugin@1.3.4 change log can be found on the official release notes.
• postcss@8.2.4 change log can be found on the official release notes.
• sass@1.32.4 change log can be found on the official release notes.
• sass-loader@10.1.1 change log can be found on the official release notes.
• terser-webpack-plugin@5.1.1 change log can be found on the official release notes.
• webpack@5.15.0 change log can be found on the official release notes.
• webpack-dev-server@3.11.2 change log can be found on the official release notes.

v5.2.1

Maintenance Release

• Security dependency updates.
• README.md minor updates and badges updates.

Package Versions Update

• ajv@7.0.3 change log can be found on the official release notes.
• autoprefixer@10.2.0 change log can be found on the official release notes.
• eslint@7.17.0 change log can be found on the official release notes.
• eslint-plugin-react@7.22.0 change log can be found on the official release notes.
• html-webpack-plugin@4.5.1 change log can be found on the official release notes.
• image-minimizer-webpack-plugin@2.1.0 change log can be found on the official release notes.
• postcss@8.2.3 change log can be found on the official release notes.
• sass@1.32.2 change log can be found on the official release notes.
• webpack@5.11.1 change log can be found on the official release notes.
• webpack-cli@4.3.1 change log can be found on the official release notes.
• webpack-dev-server@3.11.1 change log can be found on the official release notes.
• webpack-merge@5.7.3 change log can be found on the official release notes.

v5.2.0

New Features

• Added Webpack Bundle Analyzer - Visualize size of webpack output files with an interactive zoomable treemap.
  • You can use this by running npm run stats - this will open the visualisaion on the default configuraiton URL localhost:8888, you can change this following the package documentation.
• Added npm script bundle for more convinient usage in Docker / Docker Compose development environment.

Updates

• Moved sass-lint path configuration from npm script to the .sasslintrc file due. See Lint of styles (SASS) doesn't work

Packages Major Version Updates

• ajv@7.0.2 from 6.x new features can be found on the official release notes.
• copy-webpack-plugin@7.0.0 from 6.x new features can be found on the official release notes.
• image-minimizer-webpack-plugin@2.0.0 from 1.x ew features can be found on the official release notes.

Package Version Updates

• @babel/preset-env@7.12.11 change log can be found on the official release notes.
• @babel/core@7.12.10 change log can be found on the official release notes.
• autoprefixer@10.1.0 change log can be found on the official release notes.
• copy-webpack-plugin@6.4.1 change log can be found on the official release notes.
• eslint@7.16.0 change log can be found on the official release notes.
• mini-css-extract-plugin@1.3.3 change log can be found on the official release notes.
• postcss@8.2.1 change log can be found on the official release notes.
• sass@1.30.0 change log can be found on the official release notes.
• webpack@5.11.0 change log can be found on the official release notes.
• webpack-merge@5.7.2 change log can be found on the official change log.

v5.1.0

New Features

• Image optimisation is now done using image-minimizer-webpack-plugin.
  • We have removed te usage of the imagemin-webpack-plugin.

Updates

• Updated webpack.config.js to configure the new image optimisation plugin.
• Updated README file with more clear features description and language style fixes.

Added New Packages

• image-minimizer-webpack-plugin@1.0.0 - Plugin and Loader for webpack to optimize (compress) all images using imagemin. Do not worry about size of images, now they are always optimized/compressed.
• imagemin image optimisation packages for loseless image optimisation:
  • imagemin-jpegtran@7.0.0 - for optimizing JPG images
  • imagemin-optipng@8.0.0 - for optimizing PNG images
  • imagemin-gifsicle@7.0.0 - for optimizing GIF images
  • imagemin-svgo@8.0.0 - for optimizing SVG images

Removed Packags

• imagemin-webpack-plugin

Package Version Updates

• autoprefixer@10.0.4 change log can be found on the official release notes.
• @babel/core@7.12.9 change log can be found on the official release notes.
• @babel/preset-env@7.12.7 change log can be found on the official release notes.
• copy-webpack-plugin@6.3.0 change log can be found on the official release notes.
• css-loader@5.0.1 change log can be found on the official release notes.
• eslint-config-airbnb@18.2.1 change log can be found on the official release notes.
• eslint@7.14.0 change log can be found on the official release notes.
• mini-css-extract-plugin@1.3.0 change log can be found on the official release notes.
• postcss@8.1.6 change log can be found on the official release notes.
• postcss-loader@4.1.0 change log can be found on the official release notes.
• sass@1.29.0 change log can be found on the official release notes.
• sass-loader@10.1.0 change log can be found on the official release notes.
• webpack@5.9.0 change log can be found on the official release notes.
• webpack-cli@4.2.0 change log can be found on the official release notes.
• webpack-merge@5.4.0 change log can be found on the official change log.

v5.0.1

Updates

• Fix .travis.yml configuration warnings.
• Fix varous spelling errors.
• Development wepback configuration cleanup.

Packages Version Updates

• file-loader@6.2.0 change log can be found on the official release notes.
• mini-css-extract-plugin@1.2.1 change log can be found on the official release notes.
• terser-webpack-plugin@5.0.3 change log can be found on the official release notes.
• webpack@5.3.1 change log can be found on the official release notes.

v5.0.0 - Webpack 5 Support

27/10/2020

New Features

• Configurable browsers versions support. It uses browserslist - just specify the browsers you want to support in the package.json file for browserslist.
• Configuration per environment
  • development - sourcemaps, browser synced developmentment server
  • production - minification, sourcemaps
• Automatic building of all template HTML files placed under src/templates/, no need to manually configure each file anymore.
• See the full README file for all new features.

Breaking Changes

• Webpack version update - support for webpack 5
  • New webpack configuration files.
  • Webpack configuration restructure - split to development and production configuration files.
• Switched to webpack-dev-server instead of browser-sync.
• Template files moved from src/ to src/templates/.
• Removed npm run bundle script - no need anymore.
• JavaScript syntax cheker command changed from lint-js to lint:js.
• SASS/PostCSS syntax cheker command changed from lint-sass to lint:sass.
  • Configuration file is renamed from .sass-lint.yml to .sasslintrc for consistency.

Updates

• src/scss/app.scss - grouped all demo page styles in a dedicated file called demo.scss for easer removal upon starting a new project.
• Added example demo code in src/js/demo.js
• Updated README.md

Removed Dependencies

• browser-sync replaced with webpack-dev-server.
• browser-sync-webpack-plugin no need anymore as webpack-dev-server is used for this purpose.
• cross-env - not needed in this setup.
• cssnano - not needed to be provided explicitly, it is now a dev dependency of css-minimizer-webpack-plugin.
• node-sass - use sass instead.
• optimize-css-assets-webpack-plugin - missing support for webpack 5, replaced with css-minimizer-webpack-plugin.
• style-loader - no more support for inlining CSS with <style> tags.

New Dependencies

• css-minimizer-webpack-plugin support for webpack 5.
• webpack-dev-server used to simplify development process.

Packages Major Version Updates

• css-loader@5.0.0 from 4.x new features can be found on the official release notes.
• mini-css-extract-plugin@1.2.0 from 0.x new features can be found on the official release notes
• style-loader@2.0.0 from 1.x new features can be found on the official release notes.
• terser-webpack-plugin@5.0.1 from 4.x new features can be found on the official release notes.
• webpack@5.2.0 from 4.x new features can be found on the official release notes.
• webpack-cli@4.1.0 from 3.x new features can be found on the official release notes

Packages Minor Version Updates

• @babel/core@7.12.1 change log can be found on the official release notes.
• @babel/preset-env@7.12.1 change log can be found on the official release notes.
• ajv@6.12.6 change log can be found on the official release notes.
• copy-webpack-plugin@6.2.1 change log can be found on the official release notes.
• eslint@7.12.1 change log can be found on the official release notes.
• eslint-plugin-react@7.21.4 change log can be found on the official release notes.
• eslint-plugin-react-hooks change log can be found on the official release notes.
• eslint-plugin-jsx-a11y@6.4.1 change log can be found on the official release notes
• file-loader@6.1.1 change log can be found on the official release notes.
• postcss@8.1.4 change log can be found on the official release notes.
• postcss-loader@4.0.4 change log can be found on the official release notes.
• sass@1.27.0 change log can be found on the official release notes
• sass-loader@10.0.4 change log can be found on the official release notes.
• url-loader@4.1.1 change log can be found on the official release notes.