如何使用Sapper提高效率？

Question

目前正在使用Sapper创建设计系统应用程序。

我有一个文件夹的heirachy，它通过routes文件夹创建应用程序。

文件夹结构如下所示：

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组件。

有什么方法可以避免我的文件中的代码重复吗？

如果可能的话，我真的想以某种方式避免每个文件末尾的标记。

Answer 1

这可能不是您所追求的答案，但您不再需要将布局加载到组件中，而是现在可以在布局中加载组件。升级到最新版本的Sapper，您将看到目录结构与您需要在代码中添加的新App.html一起更改。