2017-04-13 88 views
0

我有這個 enter image description here如何加載在laravel資產爲不同的環境

,但我想消除uring IF語句,每當我想要加載這些資源。

上圖爲LOCAL環境我有bootstrap.min.cs和app.css文件,這樣我就可以很容易地進行調試。

PRODUCTION這兩個文件在core.min.css(使用gulp)被縮小和組合在一個文件中。

有沒有更好的方式沒有使用IF語句,但仍然能夠使用LOCAL環境中的原始文件輕鬆調試?

像app-local.css(其中包括兩個原始文件)和app-production.css(這是一個文件縮小和組合)?

不知道我是否清楚,但我希望你明白我的意思。

+2

可以使用的WebPack和大口喝起來。所以不關係其生產或本地你只是寫你的CSS和JavaScript它會自動縮小和合並所有的JS腳本和CSS到單個文件。 https://webpack.github.io/檢查這個鏈接的開始 –

+0

,但是當我在LOCAL中進行更改並想要查看瀏覽器中的更改時,是不是必須重新捆綁依賴項的整個列表? –

+0

啊沒關係,我想我有很多我的問題在這個視頻回答:) https://www.youtube.com/watch?v=TaWKUpahFZM –

回答

0

WebpackGulp組合正是你正在尋找的。

無論你是在製作還是在本地,你都可以將所有的CSS和Javascript文件合併爲一個文件。所以你不必擔心你的環境。您也可以使用它們實時觀察您的更改,這對於開發也非常方便。

檢查該鏈接以獲取更多信息https://webpack.github.io/

+1

沒問題,但是我每次修改其中一個依賴關係時都不需要重新編譯(或重新綁定)整個腳本? –

+0

webpack可以被緩存。除非你使用瘋狂的數量的庫,否則你會沒事的。在這個鏈接檢查類型增量構建 https://webpack.github.io/docs/build-performance.html –

+1

我實際上使用了大量的插件和數千行自定義代碼,所以是的。但是,謝謝,我已經開始了。 –