在 Laravel 项目中安装 Node JS、Gulp 和 Elixir答案

【问题标题】：Instaling NodeJS, Gulp and Elixir in Laravel project在 Laravel 项目中安装 Node JS、Gulp 和 Elixir
【发布时间】：2016-10-06 06:47:16
【问题描述】：

我对 node 和 gulp 之类的东西完全陌生，但我正在开发 Laravel 项目并想使用 Exilir 来编译资产。我的问题是节点应该安装在哪里？我遵循了来自https://laravel.com/docs/5.3/elixir 的所有说明，将节点安装在默认目录-c:/program files/nodejs 中。我本地的 laravel 项目在 c:/xampp/htdocs/my_project 中。我尝试运行 gulp 任务，它可能成功了，因为没有发生错误，只有很少的通知，如“Finished 'sass'...”等，但在 laravel 项目的 public\css 中没有出现 css 文件。

我应该将它安装在 Laravel 项目结构中的某个地方吗？

【问题讨论】：

你能给我们看看 gulpfile.js 的内容吗？在安装 node.js 之后你是否运行了npm install --global gulp-cli？
是的，我运行npm install --global gulp-cli，我发现出了什么问题。我将控制台中的目录更改为 c:/xampp/htdocs/my_project 并运行 npm install 现在一切正常。目录 node_modules 已在项目目录中创建，现在我正在从项目目录运行 gulp 命令并编译 css。
正确安装

标签： node.js laravel gulp laravel-elixir

【解决方案1】：

您应该在项目的根目录中包含您的 packages.json 和 gulpfile.js。

您将要在全球范围内下载和安装节点。 https://nodejs.org/en/download/

然后在 gulpfile 中指定要放置编译输出的位置。它是 gulpfile 位置的相对路径。

文件输入的基本路径是：

/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

【讨论】：

【解决方案2】：

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

【讨论】：