Skip to content
A starter template for single page applications featuring Vue.js, Pug, Sass and Webpack
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
sass/utilities
src
static
webpack
.babelrc
.gitignore
Makefile
README.md
package.json
yarn.lock

README.md

Single page application starter

A starter template for single page applications featuring Vue.js, Pug, Sass and Webpack.

Getting started

Prerequisites

  • Node.js ~> 8.0.0
  • Yarn ~> 1.0.0

Setup

yarn install

Serve

make: Serve ./src with livereload on localhost:3004

Build

make build: Build everything to ./dist

Folders

  • sass/utilities
    • initial-variables.sass: Variables available in all .vue files
    • mixins.sass: Mixins available in all .vue files
    • transitions.sass: Example Sass file imported in the root app.vue file
  • src
    • index.html: The actual index.html used to render the website
  • static: Static assets (images, fonts…)

Const per environment

To define a constant that can change based on your environment simply edit package.json to add the constant name and its default value (usually for dev environment):

"configuration": {
  "definePlugin": {
    "SOME_CONST": "Hello there"
  }
}

Then you can override it per environment by editing the related webpack/[env].js file:

utils.definePlugin({
  'SOME_CONST': 'Hello from production'
})
You can’t perform that action at this time.