Webpack + Vue Loader : Recipe for supercharged Vue
Submitted by Hemant Rai (@hemantisme) on Sunday, 4 August 2019
Section: Full talk (40 mins) Technical level: Intermediate
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
- Tweaking webpack config
- Vue Loader
- Handling assets and pre-processors
- Scoped CSS
- CSS Modules
- Functional Components
- Hot reload
- More features
- Vue.js basics
- Interest in building large Vue.js apps
- Familiarity with build tools and loaders is a plus
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.