├── index.js ├── package.json └── readme.md /index.js: -------------------------------------------------------------------------------- 1 | var Elixir = require('laravel-elixir'); 2 | 3 | Elixir.ready(() => { 4 | Elixir.config.js.browserify.transformers.push({ 5 | name: 'vueify', 6 | 7 | // https://github.com/vuejs/vueify#usage 8 | options: {} 9 | }); 10 | }); 11 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "laravel-elixir-vueify", 3 | "version": "2.0.0", 4 | "description": "Laravel Elixir Vueify Support", 5 | "main": "index.js", 6 | "keywords": [ 7 | "laravel", 8 | "elixir", 9 | "vueify", 10 | "vue" 11 | ], 12 | "repository": { 13 | "type": "git", 14 | "url": "https://github.com/JeffreyWay/laravel-elixir-vueify" 15 | }, 16 | "author": "Jeffrey Way", 17 | "license": "MIT", 18 | "homepage": "https://github.com/JeffreyWay/laravel-elixir-vueify", 19 | "bugs": { 20 | "url": "https://github.com/JeffreyWay/laravel-elixir-vueify/issues" 21 | }, 22 | "dependencies": { 23 | "babel-core": "^6.3.26", 24 | "babel-plugin-transform-runtime": "^6.3.13", 25 | "babel-preset-es2015": "^6.3.13", 26 | "babel-runtime": "^6.0.0", 27 | "vue": "^1.0.20", 28 | "vueify": "^8.3.0", 29 | "vue-hot-reload-api": "^1.2.2", 30 | "vueify-insert-css": "^1.0.0" 31 | } 32 | } 33 | -------------------------------------------------------------------------------- /readme.md: -------------------------------------------------------------------------------- 1 | # Usage 2 | 3 | ## Step 1: Install 4 | 5 | If you're using Laravel Elixir 5 or below: 6 | 7 | ``` 8 | npm install laravel-elixir-vueify@1.0.6 9 | ``` 10 | 11 | Otherwise, for Laravel Elixir 6 installs and up: 12 | 13 | ``` 14 | npm install laravel-elixir-vueify 15 | ``` 16 | 17 | ## Step 2: Require 18 | 19 | Within your main `Gulpfile`, add: 20 | 21 | ```js 22 | var elixir = require('laravel-elixir'); 23 | 24 | require('laravel-elixir-vueify'); 25 | 26 | elixir(function(mix) { 27 | mix.browserify('main.js'); 28 | }); 29 | ``` 30 | 31 | Notice above, where we require `laravel-elixir-vueify`. That's all you need. Behind the scenes, all of the necessary dependencies have been installed, and Vueify has been inserted into Laravel Elixir's Browserify transformers list. 32 | 33 | ## Step 3. Build Amazing Things 34 | 35 | You're done. :) 36 | 37 | > Having trouble? [Here's a starter example site that uses Laravel Elixir, Browserify, and Vueify](https://github.com/laracasts/Laravel-Elixir-Vueify-Setup). 38 | --------------------------------------------------------------------------------