eleventy - 如何让 110 在输出中包含 CSS 和图片等资产？

Question

我第一次尝试使用 110 静态站点生成器。每当我构建时，内容文件都生成得很好，但没有任何资产（CSS、JS、图像等）最终出现在输出目录中 - 出现的只是 HTML，资产链接断开。

现在我使用默认的目录结构：

• 项目/
  • _包括/
  • _地点/
  • css/
  • 索引.html
  • 节点模块/
  • 包-lock.json
  • 包.json

我已经尝试像上面那样构建它，并且尝试将 css 放在 _includes 目录中。我还尝试将 css 放在输出文件夹 (_site/) 中，这很有效，但是必须在输出中编辑源文件似乎是错误的。

我四处搜索，但我发现的教程都没有解决像 CSS 这样的问题。

是否有一种正确的方法可以解决我缺少的问题，或者您真的应该在源和输出中编辑文件？

Answer 1

解决方案是使用passthrough file copy。我之前没有研究过，因为作为初学者，这似乎是一个高级主题，我认为像将 CSS 放入输出目录这样基本的东西应该是一些默认打开的简单设置。一旦您知道如何操作，这很简单，但由于某种原因，它不是默认设置。

这是解决我的问题的代码。“_src/assets”是包含所有 CSS 和图像的文件夹，相对于项目根目录。

module.exports = function(eleventyConfig) {

    eleventyConfig.addPassthroughCopy("_src/assets");

    return {
        dir: {
            includes: "_templates",
            input: "_src",
            output: "_site"
        }
    };

};