node.js - 将 Bootstrap 和 Logo png 添加到 Apostrope CMS

Question

我只是尝试将 bootstrap.min.css 文件及其相应的 bootstrap.min.js 文件添加到 Apostrope CMS 项目中。我不知道如何简单地添加静态资源。我的 app.js 中有以下内容

'apostrophe-assets': {
    stylesheets: [
        {
            name: 'bootstrap.min',
            minify: false
        },
        {
            name: 'site'
        }
    ],
    scripts: [
        {
            name: 'bootstrap.min',
            minify: false
        }
    ]
}

但是可惜，它什么也没做。我也删除了 .min 版本并尝试了这些，仍然没有任何结果。

就此而言，我需要能够链接到将在导航栏中使用的 .png，但我不知道在哪里存储网站的任何静态资源。

是否有地方可以删除我不想作为撇号 Assets 推送的静态文件，以便正确渲染和使用它们？

Answer 1

我是 P'unk Avenue 的 Apostrope 的首席开发人员。

为此，Apostrope 需要将文件位于:

lib/modules/apostrope-assets/public/css/bootstrap.min.css

还有:

lib/modules/apostrope-assets/public/js/bootstrap.min.js

在您的项目中(不要将它们复制到node_modules中)。您可以在自己的项目中创建自己的 lib/modules/apostrope-assets 文件夹，以与 apostrope npm 模块中的文件夹并行。

这是as documented here in the tutorials on pushing assets .

(如果您在推送 CSS 文件时遇到问题，请尝试使用 .less 扩展名对其进行重命名，并让我知道您必须这样做。不过，这应该是不必要的。)

当然，也没有什么可以阻止您在自己的模板中覆盖 outerLayoutBase.html 中的任何 block 来插入脚本和链接标记，但这不是必需的。如果您遵循这种做法，我建议您的文件将与生产中的其他所有内容一起缩小。