如何将 bootstrap-colorpicker 附加到我的 laravel/blade 页面？

【问题标题】：How to attach bootstrap-colorpicker to my laravel/blade page?如何将 bootstrap-colorpicker 附加到我的 laravel/blade 页面？
【发布时间】：2019-05-19 17:30:56
【问题描述】：

我安装了 https://github.com/farbelous/bootstrap-colorpicker 我的 laravel 5.7 / Bootstrap v4.1 的插件。 / jquery 3 / 刀片应用程序问题是将我需要的文件附加到我的页面的正确方法是什么？我只在某些页面上需要这个插件，所以在这个页面上我做了：

    ...
@endsection

@section('scripts')
    ...
    <script src="{{ asset('js/'.$frontend_template_name.'/print_to_pdf_options.js') }}{{  "?dt=".time()  }}"></script>
    <link href="../../node_modules/bootstrap-colorpicker/dist/css/bootstrap-colorpicker.css" rel="stylesheet">
    <script src="../../node_modules/bootstrap-colorpicker/dist/js/bootstrap-colorpicker.js"></script>
    ...
    <script>

@endsection

但这种方式行不通，似乎无效。哪种方式有效？

谢谢！

【问题讨论】：

标签： jquery laravel-5 npm laravel-blade

【解决方案1】：

您可以使用Stacks。

来自文档：

Blade 允许您推送到可以渲染的命名堆栈另一个视图或布局中的其他地方。这可以特别用于指定您的孩子所需的任何 JavaScript 库意见：

@push('scripts')
    <script src="/example.js"></script>
@endpush

在您的布局中：

<head>
    <!-- Head Contents -->

    @stack('styles')
</head>
<body>

    @stack('scripts')
</body>

查看你需要插件的地方：

@push('styles')
    <link href="../../node_modules/bootstrap-colorpicker/dist/css/bootstrap-colorpicker.css" rel="stylesheet">
@endpush

@push('scripts')
    <script src="{{ asset('js/'.$frontend_template_name.'/print_to_pdf_options.js') }}{{  "?dt=".time()  }}"></script>
    <script src="../../node_modules/bootstrap-colorpicker/dist/js/bootstrap-colorpicker.js"></script>
@endpush

【讨论】：