1

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

resources > assets > vendor

这是一个屏幕截图：

在此处输入图像描述

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

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

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

4

1 回答 1

1

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

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

Gulp/Elixer 安装和设置

在您的 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 文档

于 2015-08-03T15:14:37.097 回答