Php Laravel Web app elixir缩小脚本和css

我希望利用elixir缩小脚本和css文件

在我的主布局中，我分别包含了这些文件

{!! Html::script('plugin/Flat-UI/js/flat-ui.min.js') !!} 
{!! Html::style('plugin/Flat-UI/css/flat-ui.min.css') !!} 
{!! Html::script('plugin/JQuery-UI/Flick/jquery-ui.js') !!} 
{!! Html::style('plugin/JQuery-UI/Flick/jquery-ui.css') !!} 

我知道，minify会将所有文件合并成一个文件，对吗？ 如果是这种情况，我是否需要手动更改主布局以便 只包含一个文件，而不是如上所示

{!! Html::script('minify.js') !!} 

---

我猜你说的是使用laravel elixir，那么是的，但是使用一个助手来生成url

<script src="{{ elixir('js/minify.js', '/') }}"></script>

---

长生不老药不是那样的

如果您使用的是Laravel 5，默认的elixir配置如下：

elixir(mix => {
    mix.sass('app.scss')
       .webpack('app.js');
});

这意味着resources/assets/sass/app.scs中的所有SCS都将转换为css，并在之后进行缩小

因此，您需要在resources/assets/sass/app.scss中配置app.scss，并在其中导入所有css文件：

// in app.scss
@import "plugin/Flat-UI/css/flat-ui.min.css"
@import "plugin/JQuery-UI/Flick/jquery-ui.css"

在控制台中运行gulp后，将在public/css中创建app.css文件，包括它，您就可以开始了：

<link rel="stylesheet" href="/css/app.css" />

这将创建一个public/js/all.js文件，您可以将其包含在页面中

如果在此之后您仍有问题，则在laravel文档中写得很好：

---

希望这能帮上忙：）

谢谢你的回复~这让我很清楚我的疑问。是否可以将所有css+js缩小为1个文件，而不是2个文件minify.css和minify.js？您好~谢谢您的帮助。elixir助手做什么，这个助手将自动缩小js/css？如果我使用这个助手，我还需要手动运行gulp来生成缩小文件吗？

elixir(mix => {
    mix.sass('app.scss')
       .scripts([
           // all files you want mixed into one
           'plugin/Flat-UI/js/flat-ui.min.js',
           'plugin/JQuery-UI/Flick/jquery-ui.js',
       ]);
});