How to do it...

We will start with a fresh Webpack project. You can create a new one using the vue-cli and the official Webpack template. My suggestion, however, is to begin with my Webpack template, which is a clean slate. To do it, run the following command in a new directory:

vue init gurghet/webpack

We will install vue-bulma-modal, which is a component written in Vue with the Bulma CSS framework:

npm install --save vue-bulma-modal bulma

In the preceding command we installed bulma too, which contains the actual CSS styles.

To actually make the styles work, we need to turn them into JavaScript for Webpack; this means we need to install a couple of loaders:

npm install --save-dev node-sass sass-loader

The SASS loader is already configured, ...

Get Vue.js 2 Cookbook now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.