node.js - 如何在sails 0.9中提供 Bootstrap 模板？

Question

我想知道如何通过较新的sails 版本提供 Bootstrap 模板。我是否应该将 JS 的链接更新为其他内容。我尝试在 Assets 文件夹中移动 js 和图像，但 javascript 不起作用。 sails 文档在这个主题上很差。谁能告诉一个简单的方法来集成它。提前致谢

Answer 1

Sails 0.9.x 已转为使用 Grunt 来处理 Assets 。这允许您进行许多不同类型的预编译和 Assets 处理。默认情况下，无法将 Assets 自动注入(inject)到您的 View 和布局中。

我们添加了一个标志，您可以在生成新的sails 项目时包含该标志，该标志将在您的 Assets 文件夹中创建一个文件夹，并自动将任何文件注入(inject)您的 index.html 或布局文件。这应该只用于开发。

sails new <project name> --linker

现在您将拥有一个名为 linker 的文件夹在您的 Assets 文件夹下，您可以将文件放入其中以自动链接它们。它还会为您的 index.html 添加一些标签。文件和您的布局文件，以了解在哪里注入(inject)各种 JS、CSS 和模板。

您可以在此处阅读更多信息:Sails Wiki - Assets

如果您正在使用已创建的项目，您可以手动创建以下文件结构:

assets/
  linker/
    js/
    styles/
    templates/

您还需要在 View 中添加以下标签:

<!--SCRIPTS-->
All .js files in assets/linker/js will be included here
In production mode, they will all be concatenated and minified
<!--SCRIPTS END-->

<!--STYLES-->
All .css files in assets/linker/styles (including automatically compile ones from LESS) will be included here
In production mode, they will all be concatenated and minified
<!--STYLES END-->

<!--TEMPLATES-->
All *.html files will be compiled as JST templates and included here.
<!--TEMPLATES END-->

所以要使用 bootstrap 并将文件自动添加到您的页面，您需要将 bootstrap.js 文件放入 assets/linker/js并将 bootstrap.css 文件放入 assets/linker/css .

在生产中，您需要编辑 gruntfile 以将所有 css 和 js 编译成单个文件，并在 view/layout/index.html 中手动链接它们。