javascript - 如何使用 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 扩展文档 Click Here