如何使 eleventy 在输出中包含 CSS 和图像等资产？

Question

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

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

项目/
- _包括/
- _网站/
- css/
- index.html
- node_modules/
- 包-lock.json
- package.json

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

我四处搜索，但我发现 none 的教程曾经解决过诸如 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"
        }
    };

};

如何使 eleventy 在输出中包含 CSS 和图像等资产？

How to make eleventy include assets such as CSS and images in the output?

eleventy