node.js - 在 Laravel 项目中安装 NodeJS、Gulp 和 Elixir

Question

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

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

Answer 1

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

您需要全局下载并安装 Node 。 https://nodejs.org/en/download/

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

文件输入的基本路径是:

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

这是使用 Laravel Elixer 的 gulpfile.js 示例。

请注意，输出是在已识别 Assets 之后指定的。

请注意，此示例还利用了可以使用

调用的文件的版本控制

{!! 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