vue-webpack

A Vue.js project

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

For a detailed explanation on how things work, check out the guide and docs for vue-loader.

Project Lessons

I found two ways to get a Vue project started:

Using the Vue CLI to generate a new project with the command.

vue create hello-world

However this command didn't set the project up with webpack

The other command I found was

vue init webpack my-project

which uses a webpack boiler plate and vue-loader for Single=File Components.

Adding Sass loaders:

npm install -D sass-loader node-sass