我如何使用Elixir + Vueify？

Question

如何像Vue-Hackernews样本一样使用Elixir + Vueify？

他们在 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"
}
...

但我不知道如何将它与Laravel Elixir一起使用

Sample

Answer 1

1. 安装sudo npm install laravel-elixir-browserify vue vueify --save

2. 在gulpfile.js添加以下内容：

   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"});
   });
   

3. 快乐= D

Laravel Elixir Browserify Extension Doc Click Here