删除未使用的js/css引用

我是网络开发新手，正在使用Laravel。为此，我购买了一个HTML管理页面模板，其中已经包含了Laravel（因此基本上Laravel加上HTML中的主题已经设置好）。现在，我使用了模板中所有地方的一些元素，结果得到了非常长的参考列表。我不认为这是必要的，甚至不认为这是好代码（而不是HTML标记），我甚至尝试删除一些引用，但由于某种原因，页面的某些元素不再正常工作

例如，我从模板中包含的HTML页面中选择某个按钮元素，复制代码并将其粘贴到需要的地方。我也复制引用，但不一定复制所有引用（因为页面上不仅有按钮）。然而，并不是所有的参考文献都以一个混乱的页面结束，几乎没有什么东西起作用。我想知道是否有任何工具可以自动删除这些声明，因为我觉得以下内容与页面的实际大小/内容（仅是输入个人数据的表单）相比是荒谬的：

---

（不要忘记底部的所有JS！）

您可以查看特定的网页。在检查过程中，您可以在控制台中找到css/js文件的错误/未使用部分。他们基本上用行号命名未使用的文件。

只需点击快捷键（control+shift+I）转到Google的开发者，然后转到审计选项卡，您就会找到所有详细信息和性能审计报告。从那里你可以找到使用和未使用的css和JavaScript代码。

Wow，真是一团糟：）只需在首选编辑器中打开所有文件，点击CTRL+H，然后在所有打开的文档中替换它们，保存文件并将其发送回服务器。问题是你正在使用大量库。。。使这些代码成为必要！除了将所有内容缩小到一个文件中，并尽量避免使用太多不同的文件之外，您对此无能为力tools@Salketer这是真的，但是，我认为我不需要引用JS（例如fileinput.min.css）（在我的应用程序中没有任何关于文件输入的内容），它还需要完整地复制（因为某些元素只有在复制整个引用时才起作用）。是否有类似于命令的东西来重新编译所有内容，从而使这些无意义的引用不存在？由于javascript也可以添加元素，所以无法确定是否使用了css文件。如果需要fileinput，则是因为它添加了一些使用的样式。删除它，检查哪些元素已更改，添加it返回并在开发工具中查看元素的计算样式。您将能够找到它的组成部分。

    <link type="text/css" rel="stylesheet" href="{{asset('assets/vendors/bootstrapvalidator/css/bootstrapValidator.min.css')}}"/>
    <!--page level styles-->
    <link type="text/css" rel="stylesheet" href="{{asset('assets/css/pages/wizards.css')}}"/>
    <!--End of page styles-->
    <link type="text/css" rel="stylesheet" href="{{asset('assets/vendors/inputlimiter/css/jquery.inputlimiter.css')}}" />
    <link type="text/css" rel="stylesheet" href="{{asset('assets/vendors/bootstrap-colorpicker/css/bootstrap-colorpicker.min.css')}}" />
    <link type="text/css" rel="stylesheet" href="{{asset('assets/vendors/jquery-tagsinput/css/jquery.tagsinput.css')}}" />
    <link type="text/css" rel="stylesheet" href="{{asset('assets/vendors/daterangepicker/css/daterangepicker.css')}}" />
    <link type="text/css" rel="stylesheet" href="{{asset('assets/vendors/datepicker/css/bootstrap-datepicker.min.css')}}" />
    <link type="text/css" rel="stylesheet" href="{{asset('assets/vendors/bootstrap-timepicker/css/bootstrap-timepicker.min.css')}}" />
    <link type="text/css" rel="stylesheet" href="{{asset('assets/vendors/bootstrap-switch/css/bootstrap-switch.min.css')}}" />
    <link type="text/css" rel="stylesheet" href="{{asset('assets/vendors/jasny-bootstrap/css/jasny-bootstrap.min.css')}}" />
    <link type="text/css" rel="stylesheet" href="{{asset('assets/vendors/datetimepicker/css/DateTimePicker.min.css')}}" />
    <link type="text/css" rel="stylesheet" href="{{asset('assets/vendors/j_timepicker/css/jquery.timepicker.css')}}" />
    <link type="text/css" rel="stylesheet" href="{{asset('assets/vendors/clockpicker/css/jquery-clockpicker.css')}}" />
    <!-- end of plugin styles -->
    <link type="text/css" rel="stylesheet" href="{{asset('assets/css/pages/colorpicker_hack.css')}}" />
    <link type="text/css" rel="stylesheet" href="{{asset('assets/vendors/bootstrap-switch/css/bootstrap-switch.min.css')}}" />
    <link type="text/css" rel="stylesheet" href="{{asset('assets/vendors/switchery/css/switchery.min.css')}}" />
    <link type="text/css" rel="stylesheet" href="{{asset('assets/vendors/inputlimiter/css/jquery.inputlimiter.css')}}"/>
    <link type="text/css" rel="stylesheet" href="{{asset('assets/vendors/chosen/css/chosen.css')}}"/>
    <link type="text/css" rel="stylesheet" href="{{asset('assets/vendors/bootstrap-colorpicker/css/bootstrap-colorpicker.min.css')}}"/>
    <link type="text/css" rel="stylesheet" href="{{asset('assets/vendors/daterangepicker/css/daterangepicker.css')}}"/>
    <link type="text/css" rel="stylesheet" href="{{asset('assets/vendors/datepicker/css/bootstrap-datepicker.min.css')}}"/>
    <link type="text/css" rel="stylesheet" href="{{asset('assets/vendors/bootstrap-timepicker/css/bootstrap-timepicker.min.css')}}"/>
    <link type="text/css" rel="stylesheet" href="{{asset('assets/vendors/bootstrap-switch/css/bootstrap-switch.min.css')}}"/>
    <link type="text/css" rel="stylesheet" href="{{asset('assets/vendors/jasny-bootstrap/css/jasny-bootstrap.min.css')}}"/>
    <link type="text/css" rel="stylesheet" href="{{asset('assets/vendors/fileinput/css/fileinput.min.css')}}"/>
    <link type="text/css" rel="stylesheet" href="{{asset('assets/vendors/multiselect/css/multi-select.css')}}"/>
    <!--End of plugin styles-->
    <!--Page level styles-->
    <link type="text/css" rel="stylesheet" href="{{asset('assets/css/pages/form_elements.css')}}"/>