JSFoo: VueDay 2019

A day spent discussing Vue.js, developments in the Vue ecosystem and component architecture

Up next

Webpack + Vue Loader : Recipe for supercharged Vue


Hemant Rai


When building ambitious single page applications, it is apt to leverage Vue’s official CLI for quick scaffolding and other useful tools. Vue calls it a “batteries-included build setups for a modern frontend workflow”.

This talk will focus on what this modern frontend workflow has to offer and the ways to configure it.


In this talk, we’ll be taking a closer look at webpack and vue-loader, 2 tools from the Vue CLI’s tooling ecosystem.

Some of the key points to be covered in this talk:

  • The need for Vue CLI
  • Trade-offs
  • Tweaking webpack config
  • Vue Loader
  • Handling assets and pre-processors
  • Scoped CSS
  • CSS Modules
  • Functional Components
  • Hot reload
  • Linting
  • More features


  • Vue.js basics
  • Interest in building large Vue.js apps
  • Familiarity with build tools and loaders is a plus

Speaker bio

I am Hemant Rai, full stack JS developer and front end lead at Cloudnaut Technologies. During my 8 years as a developer I’ve worked across the dev stack and have been focusing on the front-end for more than 4 years. I started as a PHP developer working mostly on the back-end but switched to the JS stack around 4 years ago. On the front-end, I started with AngularJS and have been building Vue.js apps for more than 3 years.