2017-04-13 23 views
0

ためlaravelで資産をロードするためにどのように私はこの enter image description here異なる環境

を持っていますが、私はそのようなリソースをロードするたびIF文をuring排除したいと思います。

私は簡単にデバッグできるように、私はbootstrap.min.csとapp.cssファイルを持っています。

PRODUCTIONこれらの2つのファイルは、1つのファイルcore.min.css(gulpを使用)で縮小されて結合されています。

IF文を使用しない方が良い方法ですが、LOCAL環境の元のファイルを使って簡単にデバッグすることは可能ですか?

app-local.css(2つのrawファイルを含む)とapp-production.css(1つのファイルを縮小して結合したもの)のようなものはありますか?

私がはっきりしているかどうかはわかりませんが、私があなたが何を意味するのか願っています。

+2

webpackとgulpを一緒に使用できます。あなたのcssとjavascriptを書くだけで、自動的にすべてのJSスクリプトとCSSを単一のファイルにマージします。 https://webpack.github.io/ beginign –

+0

のこのリンクを確認しますが、ローカルで変更するたびに依存関係のリスト全体を再バンドルする必要はありませんし、ブラウザの変更を見たいと思っていますか? –

+0

ああ、私はこのビデオで私の質問に多くの答えがあると思う:https://www.youtube.com/watch?v=TaWKUpahFZM –

答えて

0

WebpackGulpの組み合わせがあなたが探しているものです。

プロダクションまたはローカルの場合、すべてのCSSファイルとJavascriptファイルを1つのファイルにまとめてマージできます。だからあなたの環境を心配する必要はありません。また、それらを使用してリアルタイムで変更を監視することもできます。これは開発にも便利です。

詳細については、このリンクをクリックしてください。https://webpack.github.io/

+1

でも、依存関係の1つを変更するたびにスクリプト全体を再コンパイル(または再バンドル)する必要はありませんか? –

+0

ウェブパックをキャッシュすることができます。あなたがライブラリの狂った量を使用していない限り、あなたは大丈夫でしょう。このリンクのインクリメンタルビルドをチェックしてください https://webpack.github.io/docs/build-performance.html –

+1

実際にはたくさんのプラグインと何千ものカスタムコードが使用されています。しかし、ありがとう、私はすでにそれを取得し始めている。 –

関連する問題