0

所以我拼命想弄清楚如何在roots.io/sage中添加和控制包。

环境已启动并正在运行(格子和所有),我的主题完美加载。我决定将引导程序更新为 alpha6 和最新的 jquery。我相信这些是(对于任何新的 javascript 库)的步骤。

  1. 使用 Bower 安装包(使用 --save)

bower --save install bootstrap@4.0.0-alpha.6

这会将以下内容添加到主题目录中的 bower.json(根级别,与 base.php 相同),并且由于我只想要包,我认为不需要覆盖?

  "dependencies": {
    "bootstrap": "4.0.0-alpha.6",
  1. 将 bower 包添加到 manifest.json

    “jquery.js”:{“凉亭”:[“jquery”]},“bootstrap.js”:{“凉亭”:[“bootstrap”]}

这是我真正好奇的地方,我现在如何告诉 base.php 加载它。该页面加载正常,但它加载 jquery v1.12.4。而且我看不到一条告诉 base.php 将什么加载到哪里的单行。自动加载器是否如此高效,以至于它应该弄清楚如何添加 CSS 和 JS 文件,或者它是不是具有魔力的覆盖?

我错过了什么非常明显的步骤?

4

1 回答 1

0

所以我在一篇很长的帖子中回答了我自己的问题,好吧,其他人回答了。但是我有两个问题,一个是我不明白资产加载器如何与 gulp 一起工作(一切都在 main.js 和 main.css 中结束)。其次,我的 gulp 进程在我没有注意到的情况下已经死了,所以它正在加载一些位的旧版本。

第 1 步和第 2 步是对的。但是您需要覆盖以允许资产加载器识别要添加到 main.js 和 main.css 文件中的 js 和 css 文件。这个线程上有一个非常好的流程图 https://discourse.roots.io/t/adding-bower-files-to-sage-8-0-0/2825/10

其次,bootstrap alpha6 作为一个凉亭文件很难做,所以我偷了别人在那个文件上的辛勤工作 https://gist.github.com/folbert/94f0b82a8807fb70f7346db7fb258ff6

于 2017-04-20T17:43:32.800 回答