在Laravel与合并JS和CSS工作5.3

Question

我下面这个：https://laravel.com/docs/5.3/elixir

这里是我的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获得存储“构建”目录内。

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

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

任何帮助，将不胜感激。

感谢，

PARTH沃拉

Answer 1

药剂的version方法允许你设置的路径，我相信

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> 

Answer 2

这应该工作：

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

https://laravel.com/docs/5.3/elixir#versioning-and-cache-busting

Answer 3

按本documetation，我认为这是为版本的方法提供了自定义路径没有这样的选择。

https://laravel.com/docs/5.3/elixir#versioning-and-cache-busting