frontend-webpack-boilerplate

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

• [email protected] from 4.x new features can be found on the official release notes.
• [email protected] from 4.x new features can be found on the official release notes.
• [email protected] from 10.x new features can be found on the official release notes.

Package Versions Update

• [email protected]
• [email protected] change log can be found on the official release notes.
• @babel/[email protected] change log can be found on the official release notes.
• @babel/[email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.

Maintenance Release

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

Package Versions Update

• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.

Maintenance Release

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

Package Versions Update

• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.

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

• [email protected] from 6.x new features can be found on the official release notes.
• [email protected] from 6.x new features can be found on the official release notes.
• [email protected] from 1.x ew features can be found on the official release notes.

Package Version Updates

• @babel/[email protected] change log can be found on the official release notes.
• @babel/[email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official change log.

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

• [email protected] - 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:
  • [email protected] - for optimizing JPG images
  • [email protected] - for optimizing PNG images
  • [email protected] - for optimizing GIF images
  • [email protected] - for optimizing SVG images

Removed Packags

• imagemin-webpack-plugin

Package Version Updates

• [email protected] change log can be found on the official release notes.
• @babel/[email protected] change log can be found on the official release notes.
• @babel/[email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official change log.

Updates

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

Packages Version Updates

• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.

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

• [email protected] from 4.x new features can be found on the official release notes.
• [email protected] from 0.x new features can be found on the official release notes
• [email protected] from 1.x new features can be found on the official release notes.
• [email protected] from 4.x new features can be found on the official release notes.
• [email protected] from 4.x new features can be found on the official release notes.
• [email protected] from 3.x new features can be found on the official release notes

Packages Minor Version Updates

• @babel/[email protected] change log can be found on the official release notes.
• @babel/[email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• eslint-plugin-react-hooks change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.

• Updated README.md

Node Version Notes

• The current release supports the following list of node versions: ^10 || ^12 || >=14. All other versions have no security updates anymore.

New dependencies

• postcss required by [email protected]

Packages Major Version Updates

• [email protected] from 9.x new features and braking changes can be found on the official release notes.
• [email protected] from 3.x new features and braking changes can be found on the official release notes.
• [email protected] from 9.x new features and braking changes can be found on the official release notes.

Packages Minor Version Updates

• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes
• [email protected] change log can be found on the official release notes
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.

Updated

• README.md - simply badges and add badges to show the current supported node version and the used webpack version.

Removed

• VERSION file - use the package.json defined version.

Packages Major Version Updates

• [email protected] from 3.x new features can be found on the official release notes.
• [email protected] from 3.x new features can be found on the official release notes.

Packages Minor Version Updates

• @babel/[email protected] change log can be found on the official release notes
• @babel/[email protected] change log can be found on the official release notes
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.

Updates

• README - fixed spelling (thanks to @TammyTee)
• npm audit fixes across all packages.

Packages Minor Version Updates

• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• @babel/[email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.

Configuration Updates

• The latest version of copy-webpack-plugin has new a way of passing configuration patterns
  • the plugin now accepts an object, you should change new CopyPlugin(patterns, options) to new CopyPlugin({ patterns, options })

Packages Major Version Updates

• [email protected] from 5.x new features can be found on the official release notes.
• [email protected] from 6.x new features can be found on the official release notes.
• [email protected] from 1.x new features can be found on the official release notes.
• [email protected] from 5.x new features can be found on the official release notes.
• [email protected] from 3.x new features can be found on the official release notes.
• [email protected] from 8.x new features can be found on the official release notes.
• [email protected] from 2.x new features can be found on the official release notes.
• [email protected] from 3.x new features can be found on the official release notes.

Packages Minor Version Updates

• [email protected] change log can be found on the official release notes.

Removed Dependencies

• fibers - was required by [email protected].

Package Updates Full Change Set

• @babel/[email protected] change log can be found on the official release notes.
• @babel/[email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.

Package Updates Full Change Set

• @babel/[email protected] change log can be found on the official release notes
• @babel/[email protected] change log can be found on the official release notes
• [email protected] change log can be found on the official release notes
• [email protected] change log can be found on the official release notes
• [email protected] change log can be found on the official release notes
• [email protected] change log can be found on the official release notes
• [email protected] change log can be found on the official release notes
• [email protected] change log can be found on the official release notes
• [email protected] change log can be found on the official release notes

Updates

Package Updates Full Change Set

• @babel/[email protected] change log can be found on the official release notes
• @babel/[email protected] change log can be found on the official release notes
• [email protected] change log can be found on the official release notes
• [email protected] change log can be found on the official release notes
• [email protected] change log can be found on the official release notes
• [email protected] change log can be found on the official release notes

Package Updates Full Change Set

• @babel/[email protected] change log can be found on the official release notes.
• @babel/[email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.

Updates

Package Updates Full Change Set

• @babel/[email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.

Updates

• Sucurity audit fixes.
• README - update link to demo deployment page.

Package Updates Full Change Set

• [email protected] change log can be found on the official release notes.

Updates

• Fix SASS linter errors on the updated demo page.

Updates

• Updated demo page with brief description and link to the GitHub repository.
  • Demo deployment available on Frontend Webpack Boilerplate.
• Cleanup webpack config from side comments.
• README file update
  • Updated build badge URL link.

Repository File Structure Reorganisation

• Travis CI integration configuration.
  • Deploy to GitHub pages. Demo deployment available on Frontend Webpack Boilerplate
• Introduced .github/ directory to group all GitHub community development related templates.
  • New issue templates for bug, feature, support requests.

Package Updates Full Change Set

• @babel/[email protected] change log can be found on the official release notes.
• @babel/[email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.
• [email protected] change log can be found on the official release notes.