LaravelプロジェクトでNodeJS、Gulp、Elixirを配置する

Question

私はノードと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プロジェクトの構造のいくつかの場所にインストールする必要がありますか？

Answer 1

プロジェクトのルートにpackages.jsonとgulpfile.jsがあるはずです。

ノードをグローバルにダウンロードしてインストールしたいと思うでしょう。 https://nodejs.org/en/download/

次に、gulpfileで、コンパイルされた出力を配置する場所を指定します。これは、gulpfileの場所への相対パスです。

ファイルの入力のための基本パスは、次のとおり

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

ここLaravel Elixerを用いgulpfile.js例です。

出力は、識別されたアセットの後に指定されることに注意してください。 https://github.com/jeremykenedy/laravel-material-design/blob/master/gulpfile.js

CALL FILES例： https://github.com/jeremykenedy/laravel-material-design/blob/master/resources/views/dashboard.blade.php

この例でも

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

と

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

GULPFILE例を使用して呼び出すことができますファイルをバージョン管理を活用して

注意

Answer 2

リンクタグの{{elixir（ 'css/app.css'）}}を頭に使うだけでいいです。