JSFoo: VueDay 2019

JSFoo: VueDay 2019

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

Hemant Rai

@hemantisme

Webpack + Vue Loader : Recipe for supercharged Vue

Submitted Aug 4, 2019

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.

Outline

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

Requirements

  • 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.

Links

Slides

https://docs.google.com/presentation/d/1B2ZgStEd5tsHc8d86jmxle-c2F-RmDRVbxx2Gbri1rs/edit?usp=sharing

Comments

{{ gettext('Login to leave a comment') }}

{{ gettext('Post a comment…') }}
{{ gettext('New comment') }}
{{ formTitle }}

{{ errorMsg }}

{{ gettext('No comments posted yet') }}