В настоящее время используется Sapper для создания приложения системы дизайна.
У меня есть иерархия папок, которые создают приложение через папку маршрутов.
Структура папок выглядит примерно так:
design-foundations
- interactions
-- buttons
-- inputs
- components
-- header
Вот мой design-foundations/interactions/buttons.html
:
<Layout>
<h1>Buttons</h1>
</Layout>
<script>
import Layout from '../../_components/helpers/Layout.html';
export default {
components: {
Layout
}
};
</script>
Если бы вы открыли мой файл design-foundations/interactions/inputs.html
или любой другой файл в design-foundations
, вы увидите файл, который выглядит почти так же, где нижняя часть файла экспортирует компонент Layout
.
Есть ли способ избежать дублирования этого кода в моих файлах?
Я бы действительно хотел как-то избежать тега в конце каждого из этих файлов, если это возможно.
🤔 А знаете ли вы, что...
JavaScript является одним из трех основных языков веб-разработки, вместе с HTML и CSS.
Возможно, это не тот ответ, который вам нужен, но вам больше не нужно загружать макет в свой компонент, скорее, компонент теперь загружен в макет. Обновите Sapper до последней версии, и вы увидите изменения в структуре каталогов вместе с новым App.html, который вам нужно добавить в свой код.