如何在 laravel 中为不同的环境加载资产答案

【问题标题】：how to load assets in laravel for different environments如何在 laravel 中为不同的环境加载资产
【发布时间】：2017-09-10 05:21:21
【问题描述】：

我有这个

但我想在我想加载此类资源时消除 IF 语句。

在上图中的本地环境中，我有 bootstrap.min.cs 和 app.css 文件，以便我可以轻松调试。

在 PRODUCTION 中，这两个文件被缩小并合并到 core.min.css 的一个文件中（使用 gulp）。

有没有更好的方法不使用 IF 语句，但仍然能够使用 LOCAL 环境中的原始文件轻松调试？

类似于 app-local.css（包括两个原始文件）和 app-production.css（这是一个缩小并合并的文件）之类的东西？

不确定我是否清楚，但我希望你明白我的意思。

【问题讨论】：

你可以同时使用 webpack 和 gulp。所以不管它的生产还是本地，你只需编写你的 css 和 javascript，它会自动缩小并将所有 JS 脚本和 CSS 合并到单个文件中。 webpack.github.io 开始检查此链接
但是每次我在 LOCAL 中进行更改并想在浏览器中查看更改时，是否都必须重新捆绑整个依赖列表？
啊，没关系，我想我的很多问题都在这个视频中得到了解答 :) youtube.com/watch?v=TaWKUpahFZM
我建议你检查一下 webpack 是如何工作的。这种情况真的很方便
我的脑海中仍然有很多问号，但是在您的推荐和观看一些视频之后，我认为 Webpack 是要走的路，并且会尝试一下。 Put是一个答案。先到先得。

【解决方案1】：

Webpack 和 Gulp 的组合正是您要找的。

无论您是在生产中还是在本地，都可以将所有 CSS 和 Javascript 文件合并为一个文件。所以你不必担心你的环境。您还可以使用它们实时查看您的更改，这对于开发也很方便。

查看此链接了解更多信息https://webpack.github.io/

【讨论】：

好的，但是每次我对其中一个依赖项进行更改时，我是否还必须重新编译（或重新捆绑）整个脚本？
webpack 可以缓存。除非您使用大量的库，否则您会没事的。在此链接中检查类型增量构建webpack.github.io/docs/build-performance.html
我实际上使用了很多插件和数千行自定义代码，所以是的。不过谢谢，我已经开始明白了。
相信我，数千行自定义代码不算什么。
好的，很酷，只是想获得这些意见，这样我就不会走另一条死路，只是后来才意识到可以用其他工具做得更好；）我想完成这个问题并继续讨论更重要的事情（SEO等）。