如何使输出中包含CSS和图像之类的资产？
如何使输出中包含CSS和图像之类的资产？
提问于 2019-11-06 16:14:47
我第一次尝试了一个静态站点生成器。每当我构建时，内容文件都生成得很好，但是没有任何资产(CSS、JS、图像等)。最后出现在输出目录中-所有出现的都是HTML，与资产的链接中断。
目前，我使用的是默认目录结构：
- 项目/
- _包括/
- _场址/
- css/
- index.html
- 节点模块/
- package-lock.json
- package.json
我试着构建它，就像上面一样，并且我尝试将css放在_includes目录中。我还尝试将css放在输出文件夹(_site/)中，这起作用了，但在输出中编辑源文件似乎是错误的。
我已经搜索过了，但是我发现的所有教程都没有提到像CSS这样的东西。
是否有适当的方法来解决我所遗漏的问题，或者您真的应该同时编辑源和输出中的文件？
回答 1
Stack Overflow用户
回答已采纳
发布于 2019-11-07 20:57:55
解决方案是使用传递文件副本。我以前没有研究过这一点，因为作为初学者，这似乎是一个高级主题，我认为将CSS放到输出目录这样的基本内容应该是一些默认打开的简单设置。一旦你知道如何去做，这是很简单的，但是由于某些原因，它并不是默认的。
这是解决我问题的密码。"_src/assets“是相对于项目根保存所有CSS和图像的文件夹。
module.exports = function(eleventyConfig) {
eleventyConfig.addPassthroughCopy("_src/assets");
return {
dir: {
includes: "_templates",
input: "_src",
output: "_site"
}
};
};页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/58734398
复制相关文章
相似问题
腾讯云开发者
