jquery - CSS目录链接问题

Question

我有一个目录如下:

    ├──DataTables-1.10.9
    |   └── media
    |        ├── css
    |        └── js
    ├── public
    |   ├── javascripts
    |   └── stylesheets
    └── routes
        ├── index.hbs
        └── home.hbs

在我的 index.hbs 文件中，底部有一个 script ，如下所示:

<script src="javascripts/bootbox.min.js"></script> 

这工作得很好。但是，我尝试从 home.hbs 链接 DataTablesjs 和 css，但遇到了 404 问题。在 home.hbs 中我的代码是:

<script src="DataTables-1.10.9/media/js/jquery.dataTables.js"></script>

我不明白为什么它不起作用。

我还尝试了 /DataTables 和 ../DataTables 和 ../../DataTables。

当我将 jquery.dataTables.js 文件移动到 javascripts 中时，它可以工作，但这很糟糕，因为它会调用其他 js 文件DataTables 所以我宁愿使用 DataTables 目录。

Answer 1

从页面 Angular 来看，只能使用互联网上的内容。

    ├──DataTables-1.10.9
    |   └── media
    |        ├── css
    |        └── js
    ├── public
    |   ├── javascripts
    |   └── stylesheets
    └── routes
        ├── index.hbs
        └── home.hbs

公开应该有效:

    ├── public
    |   ├── javascripts
    |   ├── stylesheets
    |   └── DataTables-1.10.9
    |        └── media
    |            ├── css
    |            └── js
    └── routes
        ├── index.hbs
        └── home.hbs

也许我会使用一种更有组织性的结构，就像这样:

    ├── public
    |   └── assets
    |     ├── stylesheets
    |     ├── javascripts
    |     └── vendor
    |         ├── DataTables-1.10.9
    |         |   └── media
    |         |       ├── css
    |         |       └── js
    |         |
    |         └── Jquery Ui - X.xx.x
    |              ├── js                
    |              └── css
    |                  └── img
    |
    └── routes
        ├── index.hbs
        └── home.hbs

Jquery UI 只是一个示例，展示了更多供应商包含的情况。

如果你确实有理由不将第三方js放在公共(public)文件夹中，你可以将其连接到你的min文件“bootbox.min.js”中。

在我的元素中，所有第三方插件都通过 Grunt 连接在我的公共(public)压缩 js 文件中。