javascript - 如何删除不存在或未被任何文档调用的依赖项?

标签 javascript jquery html css reactjs

我收到一个控制台日志 404 错误,指出缺少 css 资源,而这些文件在任何地方都不需要或不使用。另一件奇怪的事情是错误引用来 self 包含 jQuery 的地方。我知道 jQuery 不会调用那些 CSS 文件。谁能帮我弄清楚如何消除错误并同时消除加载这些文档的尝试?

Here是实时站点的链接!

这是错误的图片。 enter image description here

这是 HTML 文档的代码,因此您可以看到那些文件没有被添加到文档中。

<html class="" lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <link rel="shortcut icon" href="assets/images/favicon.ico" type="image/png">
    <title>3D-SLIDES - Present your HTML and or Markup slides in a 3D Universe.</title>
    <link href="http://fonts.googleapis.com/css?family=Nothing+You+Could+Do" rel="stylesheet" type="text/css">
    <link href="assets/css/style.css" rel="stylesheet">
    <link href="assets/css/theme.css" rel="stylesheet">
    <link href="assets/css/ui.css" rel="stylesheet">
    <link rel="stylesheet" href="assets/plugins/uikit/css/uikit.css" />
    <link rel="stylesheet" href="assets/plugins/codemirror/lib/codemirror.css">
    <link rel="stylesheet" href="assets/plugins/uikit/css/components/htmleditor.css">
  </head>

    <!-- BEGIN BODY -->
    <body class="sidebar-collapsed color-default bg-lighter fixed-sidebar theme-sdtl ">
      <section style="opacity: 1;">


        <div id="appContainer"></div>


        </section>


        <!-- BEGIN PAGE SCRIPTS -->
    <script src="assets/plugins/jquery/jquery.js"></script>
    <script src="assets/plugins/uikit/js/uikit.min.js"></script>
    <script src="assets/plugins/codemirror/lib/codemirror.js"></script>
    <script src="assets/plugins/codemirror/mode/markdown/markdown.js"></script>
    <script src="assets/plugins/codemirror/addon/mode/overlay.js"></script>
    <script src="assets/plugins/codemirror/mode/xml/xml.js"></script>
    <script src="assets/plugins/codemirror/mode/gfm/gfm.js"></script>
    <script src="assets/plugins/marked/lib/marked.js"></script>
    <script src="assets/plugins/uikit/js/components/htmleditor.js"></script>
        <script src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
        <script src="assets/plugins/jquery-cookies/jquery.cookies.js"></script> <!-- Jquery Cookies, for theme -->
        <!-- END PAGE SCRIPTS -->

    <!-- REACT SCRIPTS -->
    <script type="text/javascript" src="./dest/bundle.js"></script>
        <script type="text/jsx">

        var slides = React.createElement(SlidesCreator);
        React.render(slides, document.body);

        </script>

        <script type="text/javascript">
        window.onload = function () {
            if(document.cookie) {
                document.cookie = '<div class' +'=; expires=Thu, 01 Jan 1970 00:00:01 GMT;';
            }
            // console.log(document.cookie);
        }
        </script>
  </body>

</html>

最佳答案

如果尚未完成,请确保您不使用 @import 包含来自另一个文件的 css 文件。 .

关于javascript - 如何删除不存在或未被任何文档调用的依赖项?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34520916/

相关文章:

javascript - 正则表达式在 IE6/IE7 中的行为不同

javascript - PHP:表单防止多个选项卡。

javascript - 使用 jquery 或 Javascript 从字符串中删除公共(public)字符串

android - Uncaught ReferenceError jQuery 未定义

html - 需要截断img左右

javascript - 获取具有选择器值的属性

Javascript 图像旋转器问题

javascript - JQuery 按钮禁用整个网站的 CSS?

javascript - 用于有序列表的 html 中的自引用列表项

javascript - 冲突的功能