在Laravel项目中使用NodeJS,Gulp和Elixir

我对node和gulp等东西是全新的,但我正在开发Laravel项目,并希望使用Exilir来编译资产。 我的问题是应该在哪里安装节点? 我遵循https://laravel.com/docs/5.3/elixir中的所有说明,安装了默认目录中的节点 – c:/ program files / nodejs。 我的本地laravel项目位于c:/ xampp / htdocs / my_project中。 我试图运行gulp任务,它可能成功,因为没有错误发生,只有less许通知,如“成品”sass'…“等,但没有css文件出现在公共\ css在laravel项目。

我应该把它安装在Laravel项目结构的某个地方吗?

你应该把你的packages.json和你的gulpfile.js放在项目的根目录下。

您将要全局下载和安装节点。 https://nodejs.org/en/download/

然后在gulpfile中指定要放置编译输出的位置。 这是一个相对于gulpfile的位置的path。

文件input的基本path是:

/respurces/assets/js/resources/assets/css

这是一个使用Laravel Elixer的例子gulpfile.js。

请注意,输出是在识别的资产之后指定的。

注意这个例子还利用版本控制可以使用的文件

 {!! HTML::style(elixir('css/app.css'), array('type' => 'text/css', 'rel' => 'stylesheet')) !!} 

 {!! HTML::script(elixir('js/app.js'), array('type' => 'text/javascript')) !!} 

GULPFILE示例: https : //github.com/jeremykenedy/laravel-material-design/blob/master/gulpfile.js

调用文件示例: https : //github.com/jeremykenedy/laravel-material-design/blob/master/resources/views/dashboard.blade.php

你可以直接在链接标签中使用{{elixir('css / app.css')}}。