Complete Vue.js 2 Web Development_ Practical guide to building end-to-end web development solutions with Vue.js 2

Organize + Automate + Deploy = Webpack Chapter 16 Let's get rid of some plugins that we don't need for releasing a library; find ...

Organize + Automate + Deploy = Webpack Chapter 16 What it does originally is, it creates a series of output files inside a js di ...

Organize + Automate + Deploy = Webpack Chapter 16 This will start the compilation reading code from the dist.js file. Wait a min ...

Organize + Automate + Deploy = Webpack Chapter 16 Copy the content of the file you created inside dist/shaker.js, then go to htt ...

Organize + Automate + Deploy = Webpack Chapter 16 Copy the URL in the address bar and go to http:/​/​rawgit.​com/​, where you ca ...

Organize + Automate + Deploy = Webpack Chapter 16 Now head to JSFiddle and pick Vue as a library. You can now add the link you c ...

Organize + Automate + Deploy = Webpack Chapter 16 Organizing your dependencies with Webpack Webpack is a tool for organizing you ...

Organize + Automate + Deploy = Webpack Chapter 16 This file will be a simple Vue component; it can be as simple as the following ...

Organize + Automate + Deploy = Webpack Chapter 16 Let's also take this opportunity to install Vue itself: npm install --save vue ...

Organize + Automate + Deploy = Webpack Chapter 16 This should generate an output similar to this: You can now open index.html an ...

Organize + Automate + Deploy = Webpack Chapter 16 How it works... In this recipe, we basically created a JavaScript file (bundle ...

Organize + Automate + Deploy = Webpack Chapter 16 We will install vue-bulma-modal, which is a component written in Vue with the ...

Organize + Automate + Deploy = Webpack Chapter 16 Now, write the following HTML layout in App.vue: <template> <div id=" ...

Organize + Automate + Deploy = Webpack Chapter 16 To actually use the Bulma styles, we need to kick in the SASS loader and impor ...

Organize + Automate + Deploy = Webpack Chapter 16 A better approach is to import the raw files and components and let Webpack co ...

Organize + Automate + Deploy = Webpack Chapter 16 This is not a compiled file; it's raw ES6 and we know it because import is not ...

Organize + Automate + Deploy = Webpack Chapter 16 How to do it... Create a new npm project in a new directory, either with npm i ...

Organize + Automate + Deploy = Webpack Chapter 16 Create a file named index.html in the same directory and write the following c ...

Organize + Automate + Deploy = Webpack Chapter 16 test: /.vue$/, use: 'vue-loader' } ] } } To make everything work, we still nee ...

Organize + Automate + Deploy = Webpack Chapter 16 Clicking on the plus button will make the counter go up, but what about the st ...