2

现在，我正在使用<%- assets.js() %>在所有页面上包含所有 javascript 文件。因此，这意味着将在所有页面上初始化所有功能。

我想知道如何禁用特定网页上的 javascript 文件？或者，如果有一种方法可以在特定网页上包含一些 javascript 文件，但不能包含所有 javascript 文件。

4

3 回答 3

4

自动加载的问题在于，很难以任何有意义的方式规定源文件的顺序——这实际上取决于您如何构建前端。

在 v0.8.x（据我所知，您正在使用的版本）中，您可以使用config/assets.js来控制加载文件夹的顺序。这并不理想，但我的团队是一个不错的解决方法用于多个项目。

在 v0.9 中，我们删除了 rigging/asset-rack 以支持紧密集成 Grunt，它有一个庞大的社区和一些非常酷且维护良好的软件包，用于大多数类型的资产捆绑等。

在任何情况下，您都可以研究以下不同方法来在新版本的 Sails.js 中提供资产：

  1. 像对待其他任何事情一样对待它

    在您的文件中，像往常一样layout.ejs创建<link />和标记以链接到您的 css 和 javascript 文件。<script></script>

  2. 使用 AMD (Require.JS)

    我想很多人会说这实际上是最好的选择。Require 是一个非常强大的工具。而且我基本上同意——如果你正在使用可能来自任何地方的前端 javascript，并且将由可能使用不同框架的其他开发人员扩展，那么 AMD 是一个很好的方法确保你保持安全。如果你使用 Require，每个 js 文件都是它自己的模块，并声明自己的依赖关系，因此资产依赖管理成为过去。然后在生产模式下，有几个不同的选项来编译和缩小你的 CSS 和 JS。您甚至可以使用 Require 从 JS 动态加载模板和 CSS，这非常简洁。如果您对异步加载部分或全部资产感兴趣，AMD/RequireJS 无疑是赢家。它'

    我认为唯一的缺点是复杂性。如果您可以控制正在使用的框架，您真的不应该为每个文件手动输入依赖项——它可以自己解决这个问题（参见https://github.com/balderdashy/mast/blob/2.x /lib/raise.js）

  3. 使用咕噜声

    在 Sails v0.9 中创建新项目时，会创建sails new foo一个名为Gruntfile.js。它里面有很多东西，其中很多都没有被默认使用。你几乎可以用 Grunt 做任何事情，但特别是，你会想看看它是如何设置将文件assets/*从.tmp/public/.

  4. sails new foo --linker（仅限 Sails v0.9）

    Linker 很像当前的资产机架/绑定。它创建了与上面 #3 相同的 Gruntfile，但使用了更多的内容。它将按照您指定的顺序自动链接文件。该插件允许您自定义将注入 js、css 和模板的分隔符，而不是视图部分（例如<%= %>） 。scriptlinker默认情况下，Gruntfile 设置为使用 JST 预编译模板，但同样，您可以随意设置它。

希望对小伙伴有所帮助，祝你好运！

-麦克风

PS-v0.9 很快就会出来，我一直在通过测试和问题来确保我们 100% 在那里。如果您想尝试一下，请查看：

https://gist.github.com/mikermcneil/5930330

于 2013-07-14T16:06:45.320 回答
1

Sailsjs 的负责人回答了这个问题（虽然是关于选择 CSS 文件）：

“目前，您可以 (a) 始终引入所有样式并只应用相关样式 (b) 使用其他工具（如 Grunt）像在 vanilla node.js 项目中一样捆绑资产或 (c)手动链接样式表（将它们放在您的公用文件夹中）。”

请参阅：选择资产sailsjs

类似的，更复杂的问题已在 Google 小组中提出： https ://groups.google.com/forum/#!topic/sailsjs/yt9EpJlfzXA

考虑到上述情况，您可能希望每个页面都有一个单独的 layout.ejs。您可以为每个页面指定所需的 layout.ejs

res.view({ layout: "different_layout" })

layout.ejs 将 (a) 不调用 assets.js() 但为所有需要的 js 文件提供 < script >，或 (b) 调用 assets.js() 以提供 ./assets/js 中的所有常见 js 文件加上 <script> 以服务于其他地方的依赖于页面的页面。

于 2013-07-09T22:32:02.283 回答
1

我有一个 assets.js() 的包装器，它允许您包含除指定文件之外的所有资产。您还可以使用它在其他地方仅包含特定资产。因此，您可以在布局中加载常用资产，并仅在需要它们的页面上包含其他资产。

请参阅我对 如何在 SailsJS 中选择性地包含 javascript 资产的回答？

于 2013-07-12T17:04:19.663 回答