如何在Gulp，Elixir和Bower中使用Laravel 5？

Question

我对这一切都是全新的，'Bower'，'Gulp'和Laravel'Elixir'。我购买了一个使用它们的模板（不幸的是），现在我需要一些关于如何实现它们的帮助。我已经安装了NPM和Bower。我的所有包裹都已下载到：

resources > assets > vendor

这是截图：

现在我的问题是如何在视图中包含我下载的所有软件包？根据我的理解，我不能直接在浏览器中运行较少的文件，它只运行一次由于“浏览器缓存”或类似的东西，而且JS脚本太多而无法包含在我的页面中。

我想要一种可以处理文件的方法，并使用我的app.php文件中引用的已编译文件自动编译它们。

这是指向我的模板中包含的GulpJS文件的链接：http://pastebin.com/3PSN6NZY

Answer 1

每次有人访问时都不需要编译。编译的sass / js应该在dev中运行，然后引用输出文件。

如果你在项目上安装了gulp，你应该在项目的根目录中看到一个gulp.js文件。如果没有，请访问此处获取说明：

Gulp/Elixer installation and setup

在你的gulp.js文件中：

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

elixir(function(mix) {
    mix.less([
    'app.less',
    'normalize.less',
    'some-other-less.less',
    'and-another.less'
]);


mix.scripts(['app.js', 'some-other-js.js'], 'public/js/output-file.js');


});

在开发过程中，您可以从命令行运行gulp watch以侦听更改并在听到更改时运行编译任务。然后，您可以像往常一样简单地引用公共目录中的输出文件。

如果您不想听，可以运行gulp命令进行一次性的一次性任务运行。

文档很简单，可以在这里找到：

Gulp/Elixer docs