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
{{ gettext('Login to leave a comment') }}
{{ gettext('Post a comment…') }}{{ errorMsg }}
{{ gettext('No comments posted yet') }}