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

标签 node.js laravel gulp laravel-elixir

我对 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 项目结构中的某个位置吗?

最佳答案

您应该将 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

关于node.js - 在 Laravel 项目中安装 NodeJS、Gulp 和 Elixir,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39889293/

相关文章:

javascript - 如何让这段代码在现代nodejs中运行?

php - 碳日期的格式时区

php - Laravel 行为异常 - 显示错误图像

php - 用于连接的查询生成器新索引

javascript - 编译额外文件时出现奇怪的 gulp-sass 问题

javascript - Gulp less 未正确处理包括未定义的包含变量

node.js - 要求服务器不要 gzip 内容

Javascript函数在另一个函数内部创建了一个新实例?

javascript - 雅虎的莫吉托曼哈顿混合鸡尾酒,何时/何地可以使用?

javascript - Gulp 任务向特定文件添加一个新行