如何在Vite中加载MUI Material-UI博客模板

Question

我使用 viteJS 将 material mui 示例加载到 stackblitz 中。

然后模板 > 博客的 README.md 内容如下：

1. 将文件复制到您的项目或示例项目之一中。
2. 确保您的项目具有所需的依赖项：@mui/material、@mui/icons-material、@emotion/styled、@emotion/react、markdown-to-jsx。
3. 导入并使用博客组件。

我知道我搞砸了尝试遵循 README.md 文件的过程，但我不知道如何“将文件复制到其中一个示例中”我该如何将博客模板复制到正在运行的 vite 示例中？另外你怎么做步骤#3

然后我回到原来的 ViteJS 示例并再次尝试按照说明进行操作。长话短说，我也无法让它发挥作用。

回到我开始时的混乱。

Answer 1

一旦我意识到自己的错误，我就完成了大部分工作。第 3 步是在 main.jsx 中用博客替换应用程序组件，进行一些其他小的调整，我加载了博客，唯一的问题是 blogs.md 文件没有加载，它们只是显示为导入

在 vite.config.js 中需要assetsIninclude，没有它我会返回错误并且页面无法加载

来自消防水带

/src/blog-post.1.md/src/blog-post.2.md/src/blog-post.3.md

博客.jsx

const posts = [post1, post2, post3];

vite.config.js

export default defineConfig({
  plugins: [react()],
  assetsInclude: ['**/*.md'],
});