如何使用 Elixir + Vueify？答案

【问题标题】：How can I use Elixir + Vueify?如何使用 Elixir + Vueify？
【发布时间】：2015-08-27 13:58:16
【问题描述】：

如何像 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

【问题讨论】：

你试过了吗？
我试过了，但我不知道如何将 laravel elixir 与 vueify 一起使用……例如 git，他展示了使用 browserify，我想知道我如何与 elixir 一起使用跨度>

标签： javascript laravel laravel-5 vue.js vueify

【解决方案1】：

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

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

要快乐=D

Laravel Elixir Browserify 扩展文档 Click Here

【讨论】：

这对我很有用，我评论了一个试图让 vueify 存在的问题。