Webpack Loaders for CSS, SCSS, ES6, and JSHint - Ep. 3
🚀View more development courses and content at https://chriscourses.com/
In this video, I cover an array of webpack loaders that'll help optimize your code and allow you to make use of SASS and ES6.
Learn how to use webpack loaders to load and minify your CSS, compile your SASS, SCSS, and ES6 code; and lint your code with JSHint. Enjoy!
Git repo so you can follow along:
https://github.com/christopher4lis/cc...
Timeline:
00:12 - Setting up our project for use of webpack loaders
00:48 - Adding a config file
01:56 - CSS setup
07:39 - SCSS setup
09:16 - ES6 setup
11:34 - Linting with JSHint
13:40 - Upcoming course
Resources I used to get started with webpack that you may find helpful too:
https://medium.com/@dabit3/beginner-s...
https://medium.com/@housecor/browseri...
https://github.com/petehunt/webpack-h...
Beats:
Immortal Beats - Oh Wee - Creative Commons
For updates on the progress of chriscourses.com and future videos, join the Chris Courses mailing list at http://chriscourses.com.
Support Chris Courses Through Patreon:
--------------------------------------
/ chriscourses
Chris Courses Social:
---------------------
Twitter: / chriscourses
Facebook: / chriscourses
Instagram: / chriscourses
Christopher Lis Social:
-----------------------
Twitter: / christopher4lis
CodePen: http://codepen.io/christopher4lis