Как я могу запустить код из внешнего файла на странице, созданной из уценки, используя Gatsby JS?

Question

В настоящее время я создаю сайт, используя Gatsby, который отображает страницы из файлов разметки. На некоторых страницах я хочу запустить код, который содержится во внешнем файле. Это включает запуск JavaScript из foo.js, импорт CSS из bar.css и / или отображение HTML из baz.html.

Есть ли способ, которым я могу динамически указать в уценке, что я хотите запустить код из другого файла?

Answer 1

Ответ зависит от того, что вы имеете в виду, когда говорите динамически . Невозможно использовать какую-либо форму потока управления (если, иначе, et c) с ванильной уценкой. Следовательно, вы не можете действительно динамически импортировать файлы.

Имея это в виду, если вы просто подразумеваете, можно ли вообще импортировать скрипты / стили в Markdown, ответ заключается в программное обеспечение, которое вы используете для преобразования файла Markdown в HTML.

Прежде всего, в соответствии с документацией Markdown :

Для любой разметки, которая не в синтаксисе Markdown вы просто используете HTML. Нет необходимости вводить предисловие или разделять его, чтобы указать, что вы переходите с Markdown на HTML; вы просто используете теги.

Поэтому вы можете попробовать просто добавить теги <script> / <link>, как обычно, в HTML. Будет ли это работать для ваших целей, будет зависеть от того, как преобразователь Markdown от Gatsby ( Remark ) обрабатывает преобразование. Могут быть рассмотрены и другие внутренние механизмы Гэтсби, но мы надеемся, что это послужит отправной точкой.