javascript - 如何使用 Sapper 更有效率？

Question

目前使用 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组件。

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

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

Answer 1

这可能不是您想要的答案，但您不再需要将布局加载到组件中，而是现在将组件加载到布局中。升级到最新版本的 Sapper，您将看到目录结构发生变化以及您需要在代码中添加的新 App.html。