Transpile SCSS into CSS

[justtoconfirm]

To style our application we will use SCSS. This will need to be transpiled into CSS for use within the browser. Webpack Loaders can possibly be used to transpile SCSS into CSS. The aim of this ticket is to setup the use of SCSS within the project.

• [x] Setup SCSS transpiling into CSS.

• [x] Create simple SCSS file to test the implementation is working.

[justtoconfirm]

Useful links:

• https://hackernoon.com/a-tale-of-webpack-4-and-how-to-finally-configure-it-in-the-right-way-4e94c8e7e5c1

• https://wanago.io/2018/07/16/webpack-4-course-part-two-webpack-4-course-part-two-loaders/

[justtoconfirm]

Included the loaders to handle SCSS and CSS. We have also included a number of plugins that allow a HTML template to be created, named index.html, in the 'src' directory. When Webpack runs, this template is then copied over to the 'dist' directory with the JavaScript and CSS files for the application.

The SCSS is not transpiling into CSS. Need to understand why this is not working so the issue can be fixed and the CSS can then be used within the application.

[justtoconfirm]

This may potentially document how we can fix the issue:

• https://webpack.js.org/loaders/sass-loader/