Как сделать так, чтобы одиннадцать включали в вывод такие активы, как CSS и изображения?

Question

Я впервые пробую одиннадцатый статический генератор сайтов. Всякий раз, когда я строю, файлы содержимого генерируются просто отлично, но ни один из ресурсов (CSS, JS, изображения и т. Д.) Не попадает в выходной каталог - все, что появляется, - это HTML с неработающими ссылками на ресурсы.

Пока я использую структуру каталогов по умолчанию:

• project /
  • _includes /
  • _site /
  • css /
  • index.html
  • node_modules /
  • package-lock.json
  • package.json

Я попытался создать его так же, как и выше, и я попытался поместить css в каталог _include. Я также попытался поместить css в выходную папку (_site /), и это сработало, но кажется неправильным редактировать исходный файл в выходных данных.

Я искал, но ни один изучебники, которые я когда-либо встречал, затрагивают такие вещи, как CSS.

Есть ли правильный способ решить эту проблему, которую я упускаю, или вы действительно должны редактировать файлы как в исходном, так и в выходном виде?

Answer 1

Решением было использование сквозной копии файла . Я не рассматривал это раньше, потому что, как новичок, это казалось сложной темой, и я подумал, что что-то базовое, так как загрузка CSS в выходной каталог должна быть простой настройкой, которая включена по умолчанию. Это просто просто, если вы знаете, как это сделать, но по какой-то причине это не значение по умолчанию.

Вот код, который исправил мою проблему. «_src / assets» - это папка, содержащая все CSS и изображения относительно корня проекта.

module.exports = function(eleventyConfig) {

    eleventyConfig.addPassthroughCopy("_src/assets");

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

};