Javascript 长生不老药&x2B；狼吞虎咽+；根据URL的不同，包含不同JS的Laravel

我想开始使用长生不老药+大口喝。在我的项目中，我只使用CSS+JS

今天，我这样使用它：我有一个dashboard.blade.php，包含在所有文件中

然后，根据页面的不同，我对每个LIB都有一个条件包含：

@if (Request::is("tournaments") || Request::is("invites"))
    {!! Html::script('js/plugins/tables/footable/footable.min.js') !!}
@endif
@if (Request::is("tournaments/create"))
    {!! Html::script('js/plugins/forms/inputs/duallistbox.min.js') !!}
    {!! Html::script('js/plugins/pickers/pickadate/picker.js') !!}
    {!! Html::script('js/plugins/pickers/pickadate/picker.date.js') !!}

@endif
....

我想要的是使用长生不老药，并在长生不老药方面做这些事情，这样我就可以简化我的dashboard.blade.php，并且始终只有两个包含项：app.css和app.js

我只是不知道最好的方法是什么

有什么想法吗

编辑1：

在我的gulp.js中，我定义了所有页面的通用样式：

mix.styles([
  'icons/icomoon/styles.css',
  'bootstrap.css',
  'components.css',
  'colors.css'

]“public/css/app.css”）

然后，在我的页面中，我将其包括如下内容：

    {!! Html::style('css/app.css')!!}

我可以在chrome中打开文件，所以链接似乎还可以

但当我打开我的网站时，一切都出了问题，我在Chrome控制台中：

Uncaught SyntaxError: Unexpected token <
jquery.min.js:1 Uncaught SyntaxError: Unexpected token <
bootstrap.min.js:1 Uncaught SyntaxError: Unexpected token <
blockui.min.js:1 Uncaught SyntaxError: Unexpected token <
app.js:1 Uncaught SyntaxError: Unexpected token <
pnotify.min.js:1 Uncaught SyntaxError: Unexpected token <
switch.min.js:1 Uncaught SyntaxError: Unexpected token <
(index):1 Failed to decode downloaded font:     http://laravel.dev/css/fonts/icomoon.woff?3p0rtw
(index):1 OTS parsing error: invalid version tag
(index):1 Failed to decode downloaded font:     http://laravel.dev/css/fonts/icomoon.ttf?3p0rtw
(index):1 OTS parsing error: invalid version tag

未捕获的语法错误：意外标记<
jquery.min.js:1未捕获的语法错误：意外标记<
bootstrap.min.js:1未捕获的语法错误：意外标记<
blockui.min.js:1未捕获的语法错误：意外标记<
app.js:1未捕获的语法错误：意外标记<
pnotify.min.js:1未捕获的语法错误：意外标记<
switch.min.js:1未捕获的语法错误：意外标记<
（索引）：1无法解码下载的字体：http://laravel.dev/css/fonts/icomoon.woff?3p0rtw
（索引）：1 OTS分析错误：版本标记无效
（索引）：1无法解码下载的字体：http://laravel.dev/css/fonts/icomoon.ttf?3p0rtw
（索引）：1 OTS分析错误：版本标记无效

---

我做错了什么？

在您的

gulpfile.js

中，您可以创建一个大型脚本，如：

/**
 * Tournaments create package
 */
mix.scripts([
    'forms/inputs/dualistbox.min.js',
    'pickers/pickadate/picker.js',
    'pickers/pickadate/picker.date.js'
    // ↑ these are the files you are wanting to merge
], 'js/directory/where/you/want/script/saved/tournamentCreate.js', 'js/plugins');
//  ↑ this is directory you want the merged file to be in           ↑ this is the directory to look in for the scripts above

/**
 * Version control (might use, might not...I do)
 */
mix.version([
    'js/directory/from/above/tournamentCreate.js'
]);

现在已经有了包含脚本的合并脚本，可以使用

elixir

将其拉入。请注意，您需要在控制台中运行

gulp

，以创建文件

在tournementcreate.blade.php中

@section('scripts')
<script src="{{ elixir('js/directory/from/above/tournamentCreate.js') }}"></script>
@endsection

@节（“脚本”）
@端部

---

您可以创建任意数量的。您只需使用相同布局的新

mix.scripts（）

。希望一切都有意义

在您的

gulpfile.js

中，您可以创建一个大型脚本，如：

/**
 * Tournaments create package
 */
mix.scripts([
    'forms/inputs/dualistbox.min.js',
    'pickers/pickadate/picker.js',
    'pickers/pickadate/picker.date.js'
    // ↑ these are the files you are wanting to merge
], 'js/directory/where/you/want/script/saved/tournamentCreate.js', 'js/plugins');
//  ↑ this is directory you want the merged file to be in           ↑ this is the directory to look in for the scripts above

/**
 * Version control (might use, might not...I do)
 */
mix.version([
    'js/directory/from/above/tournamentCreate.js'
]);

现在已经有了包含脚本的合并脚本，可以使用

elixir

将其拉入。请注意，您需要在控制台中运行

gulp

，以创建文件

在tournementcreate.blade.php中

@section('scripts')
<script src="{{ elixir('js/directory/from/above/tournamentCreate.js') }}"></script>
@endsection

@节（“脚本”）
@端部

---

---

您可以创建任意数量的。您只需使用相同布局的新

mix.scripts（）

。希望一切都有意义

我在特定视图的另一个刀片中使用

@section（'scripts'）

。因此，如果您有一个特定于

锦标赛/create

视图的刀片，您可以在该刀片中执行

@section（'scripts'），样式也是一样的…
@section（'styles'）
，但长生不老药都在gulp.js中没有？如何获得统一和缩小的脚本和样式？使用
gulpfile.js
，我创建了多个
mix.scripts（）
和
mix.style（）
，以及创建
mix.version（）
。那么，您刚才吞下的那些“包”就可以使用上面的代码了。好吧，我吞下了.js，您需要为每个刀片制作1个mix.script，对吗？我在特定视图的其他刀片中使用
@section（'scripts'）
。因此，如果您有一个特定于
锦标赛/create
视图的刀片，您可以在该刀片中执行
@section（'scripts'），样式也是一样的…
@section（'styles'）
，但长生不老药都在gulp.js中没有？如何获得统一和缩小的脚本和样式？使用
gulpfile.js
，我创建了多个
mix.scripts（）
和
mix.style（）
，以及创建
mix.version（）
。然后，你刚才吞下的那些“包”可以使用上面的代码使用。好的，我吞下了.js，你为你需要的每个刀片制作了1个mix.script，对吗？Tx，我做到了，似乎有效，我创建了一个独特的app.css，但是，chrome控制台中的所有操作都失败：未捕获的语法错误：意外标记mix.version（）
，因为那里似乎也有一些错误。您是否检查了我上面提供的链接？其他人在处理字体时也遇到了同样的问题，仅限于Chrome。是的，我正在检查。Tx，我做了，似乎有效，我创建了一个独特的app.css，但是，chrome控制台中的所有操作都失败：未捕获的语法错误：意外标记mix.version（）

，因为那里似乎也有一些错误。您是否检查了我上面提供的链接？其他人在处理字体时也遇到了同样的问题，只有Chrome。是的，我正在检查。