Как стать немного эффективнее с Sapper?

В настоящее время используется 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.


1
398
1

Ответ:

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