├── .gitignore ├── app ├── router │ └── index.js ├── main.js ├── components │ └── Hello.vue ├── App.vue └── assets │ └── index.html ├── brunch-config.js ├── package.json └── README.md /.gitignore: -------------------------------------------------------------------------------- 1 | .idea/ 2 | .vscode/ 3 | public/ 4 | node_modules/ 5 | npm-debug.log 6 | -------------------------------------------------------------------------------- /app/router/index.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import Router from 'vue-router' 3 | import Hello from '../components/Hello' 4 | 5 | Vue.use(Router) 6 | 7 | export default new Router({ 8 | routes: [ 9 | { 10 | path: '/', 11 | name: 'Hello', 12 | component: Hello 13 | } 14 | ] 15 | }) 16 | -------------------------------------------------------------------------------- /app/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App' 3 | import router from './router' 4 | import "vueify/lib/insert-css" // required for .vue file 24 | -------------------------------------------------------------------------------- /app/assets/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Brunch Vue Barebones 9 | 10 | 11 | 12 | 13 |
14 | 15 |
16 | 17 | 18 | 19 | 22 | 23 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "brunch-vue-barebones", 3 | "description": "A Barebones Vue Skeleton for Brunch", 4 | "version": "0.0.1", 5 | "scripts": { 6 | "start": "brunch watch --server", 7 | "build": "brunch build --production" 8 | }, 9 | "author": { 10 | "url": "http://tomquirk.com.au", 11 | "name": "Tom Quirk", 12 | "email": "tomquirkacc@gmail.com" 13 | }, 14 | "repository": { 15 | "url": "https://github.com/tomquirk/brunch-vue-barebones" 16 | }, 17 | "keywords": [ 18 | "vue", 19 | "brunch", 20 | "skeleton", 21 | "vue-router" 22 | ], 23 | "dependencies": { 24 | "vue": "^2.4.4", 25 | "vue-router": "^2.7.0" 26 | }, 27 | "devDependencies": { 28 | "babel-brunch": "^6.1.1", 29 | "babel-eslint": "^7.2.3", 30 | "babel-plugin-transform-runtime": "^6.23.0", 31 | "babel-preset-es2015": "^6.24.1", 32 | "brunch": "^2.10.10", 33 | "vue-brunch": "^2.0.1" 34 | }, 35 | "license": "ISC" 36 | } 37 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Brunch Vue Barebones 2 | 3 | A _barebones_ Brunch skeleton for [Vue.js](https://vuejs.org/) - minimal dependencies! 4 | 5 | Unlike other skeletons with Vue, `brunch-vue-barebones` is based on the official scaffold provided by the Vue.js core team ([vue-cli](https://github.com/vuejs/vue-cli)). The only dependencies are `vue` and `vue-router`; configure it how you like! 6 | 7 | Thanks to [https://github.com/nblackburn](@nblackburn) for his work on [vue-brunch](https://github.com/nblackburn/vue-brunch) 8 | 9 | ## Installation 10 | 11 | 1. Install Brunch globally 12 | 13 | ```bash 14 | npm install -g brunch 15 | ``` 16 | 17 | 2. Create a new Brunch project using _this_ skeleton 18 | 19 | ```bash 20 | brunch new -s vue 21 | ``` 22 | 23 | ### Manual Install 24 | 25 | You can clone this repo manually! 26 | 27 | ## Getting Started 28 | 29 | > Taken from the official Brunch docs 30 | 31 | * Install (if you don't have them): 32 | * [Node.js](http://nodejs.org): `brew install node` on OS X 33 | * [Brunch](http://brunch.io): `npm install -g brunch` 34 | * Brunch plugins and app dependencies: `npm install` 35 | * Run: 36 | * `npm start` — watches the project with continuous rebuild. This will also launch HTTP server with [pushState](https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Manipulating_the_browser_history). 37 | * `npm run build` — builds minified project for production 38 | * Learn: 39 | * `public/` dir is fully auto-generated and served by HTTP server. Write your code in `app/` dir. 40 | * Place static files you want to be copied from `app/assets/` to `public/`. 41 | * [Brunch site](http://brunch.io), [Getting started guide](https://github.com/brunch/brunch-guide#readme) 42 | 43 | ## TODO 44 | 45 | * Add support for Hot Module Reloading with [hmr-brunch](https://github.com/brunch/hmr-brunch) 46 | --------------------------------------------------------------------------------