1

私は、「Bower」と「Gulp」と Laravel の「Elixir」のすべてにまったく慣れていません。それらを使用するテンプレートを (残念ながら) 購入しましたが、それらを実装する方法について助けが必要です。すでに NPM と Bower をインストールしています。すべてのパッケージは次の場所にダウンロードされました。

resources > assets > vendor

これはスクリーンショットです:

ここに画像の説明を入力

ここで私の質問は、ダウンロードしたすべてのパッケージをビューに含めるにはどうすればよいですか? 私の理解では、ブラウザーで直接実行できるファイルが少なくて済みません。「ブラウザーのキャッシュ」などのために一度しか実行されません。また、JS スクリプトが多すぎてページに含めることができません。

自分のファイルで作業し、app.php ファイルで参照されているコンパイル済みファイルを使用して自動的にコンパイルする方法が必要です。

これは、私のテンプレートに含まれている GulpJS ファイルへのリンクです: http://pastebin.com/3PSN6NZY

4

1 に答える 1

1

誰かが訪問するたびにコンパイルする必要はありません。コンパイルされた sass/js を dev で実行してから、出力ファイルを参照する必要があります。

プロジェクトに gulp がインストールされている場合は、プロジェクトのルートに gulp.js ファイルが表示されます。そうでない場合は、ここにアクセスして手順を確認してください。

Gulp/Elixer のインストールとセットアップ

gulp.js ファイルで:

var elixir = require('laravel-elixir');

elixir(function(mix) {
    mix.less([
    'app.less',
    'normalize.less',
    'some-other-less.less',
    'and-another.less'
]);


mix.scripts(['app.js', 'some-other-js.js'], 'public/js/output-file.js');


});

開発中はgulp watch、コマンド ラインから実行して変更をリッスンし、変更が検出されたときにコンパイル タスクを実行できます。次に、通常どおり public ディレクトリ内の出力ファイルを参照するだけです。

聞きたくない場合はgulp、1 回限りのタスクを実行するコマンドを実行できます。

ドキュメントは非常に簡単で、次の場所にあります。

Gulp/Elixer ドキュメント

于 2015-08-03T15:14:37.097 に答える