sails.js - Sailsjs 禁用单个 js

Question

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

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

Answer 1

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

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

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

无论如何，您可以通过以下不同方法研究在新版本的 Sails.js 中提供 Assets 服务:

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

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

2. 使用 AMD (Require.JS)

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

   我认为唯一的缺点是复杂性。如果您可以控制所使用的框架，那么您真的不必为每个文件手动输入依赖项——它可以自行解决(请参阅 https://github.com/balderdashy/mast/blob/2.x/lib/raise.js)

3. 使用 Grunt

   当您使用 sails new foo 创建新项目时在 Sails v0.9 中，一个名为 Gruntfile.js 的文件被 build 。它里面有很多东西，其中很多默认情况下没有被使用。您几乎可以用 Grunt 做任何事情，但特别是，您需要了解它是如何设置以从 assets/* 复制文件的。至 .tmp/public/ .

4. sails new foo --linker (仅限 Sails v0.9)

   Linker 很像 asset-rack/rigging 目前所做的。它创建与上面#3 相同的 Gruntfile，但使用了更多内容。它将按照您指定的顺序自动链接文件。而不是查看部分(例如 <%= %> )， scriptlinker插件允许您自定义将注入(inject) js、css 和模板的分隔符。默认情况下，Gruntfile 设置为使用 JST 预编译模板，但同样，您可以根据需要进行设置。

希望对大家有所帮助，祝你好运!

-迈克

PS- v0.9 很快就会发布，我一直在处理测试和问题，以确保我们 100% 就在那里。如果您想尝试一下，请查看:

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