javascript — импортировать целые файлы в каталог

Question

javascript — импортировать целые файлы в каталог

Мне нужно импортировать целые CSS-файлы, доступные в определенной папке (CSS)
Есть ли способ сделать это без импорта файл за файлом?

нужно импортировать активы / CSS / * ?

    <link href="<?php echo base_url(); ?>assets/css/*" rel="stylesheet"/>
<title>Untitled Document</title>
<style>
#area {
max-width: 600px;
}
</style></head>

1

css head html javascript php

Решение

Другие решения

Я думаю, что вы не можете импортировать css файлы из папки, выполнив assets/css/*, Но вы можете объединить файлы из папки css в один файл, а затем свернуть этот файл css и импортировать его.

Вы можете использовать инструменты сборки, такие как gulp чтобы выполнить эту вещь. Проверь это https://www.npmjs.com/package/gulp-minify-css

1

Нет. Во-первых, клиент не знает, что запрашивать (он может запросить только один файл на http-запрос, имя которого ему нужно знать). Вы можете сделать это четырьмя способами:

Объедините все ваши CSS-файлы в один файл, а затем создайте ссылку на этот файл.
Иметь скрипт, который объединит все CSS-файлы в один ответ, а затем ссылку на этот скрипт.
В вашем шаблоне есть цикл, охватывающий все CSS-файлы, который выдаст один <link> элемент на файл.
Если у вас есть только несколько CSS-файлов, которые не меняются, вы можете просто записать их все вручную.

1

Источник

Accepted Answer

Редактировать: Поздний ответ кажется, и вы приняли ответ. Если бы я знал, я бы не представил это. Я был занят тестированием и формулированием этого.

Как я уже говорил в комментарии, вы можете использовать PHP glob() функция для достижения этого, наряду с foreach петля. Вот что вы можете сделать:

foreach (glob("*.css") as $css) {
echo "<link type=\"text/css\" rel=\"stylesheet\" href=\"$css\">\n";
}

Который в исходном коде HTML будет производить что-то похожее на

<link type="text/css" rel="stylesheet" href="css_1.css">
<link type="text/css" rel="stylesheet" href="css_2.css">
<link type="text/css" rel="stylesheet" href="css_3.css">

В зависимости от того, где находятся ваши файлы, вам может потребоваться изменить путь к этим файлам.

т.е .:

foreach (glob("path/to/css/folder/*.css")

Размещение PHP для него внутри <head></head>

Например:

<!DOCTYPE html>

<head>

<?php

foreach (glob("*.css") as $css) {
echo "<link type=\"text/css\" rel=\"stylesheet\" href=\"$css\">\n";
}

?>

</head>

<body>

<div id="css_1">Style 1</div>
<br>
<div id="css_2">Style 2</div>
<br>
<div id="css_3">Style 3</div>

</body>
</html>

4