How can I use Elixir + Vueify?

Question

How can I use Elixir + Vueify like the Vue-Hackernews sample?

They use some command like this at the package.json

....
"scripts": {
    "dev": "watchify -v -t vueify -e src/main.js -o build/build.js",
    "build": "./node_modules/watchify/node_modules/.bin/browserify -t vueify src/main.js | uglifyjs -c -m > build/build.js"
}
...

But I do not know how to use it with Laravel Elixir

Sample

I've tried, but I do not know how to use laravel elixir together with vueify ... for example git, he shows using browserify, and I was wondering how I use with the elixir — Daniel Kuroski
– Daniel Kuroski, Commented Jun 11, 2015 at 20:27

Daniel Kuroski · Accepted Answer · 2015-06-12 01:51:05Z

4

Install sudo npm install laravel-elixir-browserify vue vueify --save

In your gulpfile.js add the following:

var elixir = require('laravel-elixir');

var vueify = require('laravel-elixir-browserify').init("vueify");

elixir(function(mix) {
    // resources/assets/js/main.js
    mix.vueify('main.js', {insertGlobals: true, transform: "vueify", output: "public/js"});
});

Be Happy =D

Laravel Elixir Browserify Extension Doc Click Here

answered Jun 12, 2015 at 1:51

Daniel Kuroski

1717 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Michael J. Calkins Over a year ago

This worked me and I commented on an issue trying to bring vueify into existence.

Collectives™ on Stack Overflow

How can I use Elixir + Vueify?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related