Laravel 5 在Laravel 5.3中使用合并的js和css

我谨此陈辞：

这是我的gulpfile.js：

elixir(mix => {
    mix.webpack('app.js')
    .styles([
        'bootstrap.min.css',
        'agency.css',
        'font-awesome.min.css',
        'bootstrap-social.css',
        'bootstrap-datetimepicker.min.css',
        'select2.min.css',
        'icheck.css',
        'custom.css'
        ])
    .scripts([
        'jquery.easing.min.js',
        'jqBootstrapValidation.js',
        'agency.min.js',
        'moment.js',
        'bootstrap-datetimepicker.min.js',
        'select2.min.js',
        'contact_me.js',
        'icheck.min.js',
        'ckeditor.js',
        'echo.js',
        'custom.js'
    ])
    .version(['css/all.css', 'js/all.js']);
 });

这里，我只是将所有css和js文件合并成两个文件：all.css和all.js，以最小化HTTP请求（提高性能）

这两个合并的文件存储在

public/build/css/all-5ba9458ba4.css
public/build/js/all-1723826a20.js

我将它们包括在模板中，如：

<link rel="stylesheet" href="{{ elixir('css/all.css') }}">
<script src="{{ elixir('js/all.js') }}"></script>

这里的问题是那些组合的css和js，即all.css和all.js被存储在“build”目录中

因此，我需要在构建目录中移动其他相关依赖项（如字体）

那么，这里的解决方案是什么

任何帮助都将不胜感激

谢谢

---

Parth vora

Elixir的

版本

方法允许您设置我相信的路径

mix.version(['css/all.css', 'js/all.js'], 'public');

然后使用

elixir('path/to/script.js', null) // note the null

就你而言

<link rel="stylesheet" href="{{ elixir('css/all.css', null) }}">
<script src="{{ elixir('js/all.js', null) }}"></script>

这应该可以：

mix.version(['style.css', 'script.js'], 'public');

---

根据本文档，我认为没有为版本方法提供自定义路径的选项

---

不，它不起作用。mix.version（）没有这样的第二个参数，它是未记录的-请参阅。查看这些代码表明，您还可以在elixir配置中设置

public.versioning.buildFolder