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

Question

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

目前我使用的是默认目录结构：

• 项目/
  • _包括/
  • _site/
  • css/
  • index.html
  • node_modules/
  • package-lock.json
  • package.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"
        }
    };

};