Gruntjs 如何使用拉维5与大口,长生不老药和保龄球?

Gruntjs 如何使用拉维5与大口,长生不老药和保龄球?,gruntjs,laravel-5,gulp,bower,laravel-elixir,Gruntjs,Laravel 5,Gulp,Bower,Laravel Elixir,我对这一切都是全新的,“鲍尔”和“大口大口”以及“长生不老药”。我购买了一个使用它们的模板(不幸的是),现在我需要一些关于如何实现它们的帮助。我已经安装了NPM和Bower。我的所有软件包都已下载到: resources > assets > vendor 这是一个屏幕截图: 现在我的问题是如何在视图中包含我下载的所有包?据我所知,我不能直接在浏览器中运行更少的文件,因为“浏览器缓存”之类的原因,它只能运行一次,而且JS脚本太多,无法包含在我的页面中 我希望有一种方法可以处理我的

我对这一切都是全新的,“鲍尔”和“大口大口”以及“长生不老药”。我购买了一个使用它们的模板(不幸的是),现在我需要一些关于如何实现它们的帮助。我已经安装了NPM和Bower。我的所有软件包都已下载到:

resources > assets > vendor
这是一个屏幕截图:

现在我的问题是如何在视图中包含我下载的所有包?据我所知,我不能直接在浏览器中运行更少的文件,因为“浏览器缓存”之类的原因,它只能运行一次,而且JS脚本太多,无法包含在我的页面中

我希望有一种方法可以处理我的文件,并使用app.php文件中引用的已编译文件自动编译它们


这是我的模板中包含的GulpJS文件的链接:

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

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

在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');


});
在开发过程中,您可以从命令行运行
gulpwatch
,以侦听更改,并在听到更改时运行编译任务。然后,您只需像通常一样引用公共目录中的输出文件

如果您不想听,只需运行
gulp
命令即可执行一次一次性任务运行

这些文档非常简单,可以在这里找到:


非常感谢,这让我很困惑,现在我真正的挑战是如何处理模板附带的gruntjs文件,其中似乎有很多代码,我应该把它放在哪里?代码似乎与laravel elixir创建的代码不同。我很困惑如何混合和编译我的资产/供应商文件夹中的所有文件。到目前为止,我看的文档和视频只展示了如何编译引导程序。Grunt只是另一个任务运行程序。既狼吞虎咽又咕噜咕噜是没有意义的。模板中如何引用资源文件(css/js等)?这是templates index.html文件的外观:术语mix.sass或mix.less不是对目录的引用,而是对文件类型的引用。如果希望在供应商文件夹中混合较少的文件,则需要使用mix.less(['vendor/my less file.less','vendor/my other less file.less']);。如果你需要学习更多关于长生不老药和拉维的知识,那么我会去看看拉维卡斯特给你一个基础。从模板中提取Laravel可能不是最好的主意,尤其是从将另一个MVC框架混合到其中的模板中。你最好换一个模板,因为这里的学习曲线似乎相当陡峭。