EdgeOne Pages 为一系列热门前端框架提供优质支持,旨在优化您的网站构建和运行体验。在多数情况下,无需进行任何额外配置即可完成部署。
Docusaurus | Angular | Hexo |
| | |
了解构建命令和输出目录的相关概念,以便顺利进行部署。
构建命令:这是在项目构建时需要执行的命令,例如
npm run build。构建命令将在 Bash shell 中运行,可使用 Bash 兼容的语法。输出目录:构建后生成的可部署 HTML 文件和资源的目录。该目录相对于项目目录,默认情况下项目目录为根目录
(/)。请确保指定的输出目录包含所有必要的文件,以便 Pages 能够顺利部署。接下来,我们将展示每个框架的基本配置,帮助您快速在 Pages 上进行部署。
说明:
Docusaurus
特点:Docusaurus 是一个专注于文档网站的框架,提供了良好的默认样式和功能。
默认构建设置如下:
构建命令:
npm run build输出目录:
build使用建议:适合构建技术文档和博客,使用 Markdown 格式编写内容。
Angular
特点:Angular 是一个功能强大的前端框架,适合构建大型企业级应用。
默认构建设置如下:
构建命令:
npm run build输出目录:
dist/angular/browser使用建议:使用 Angular CLI 创建项目,确保遵循最佳实践。
Gatsby
特点:Gatsby 是一个基于 React 的静态站点生成器,注重性能和 SEO。
默认构建设置如下:
构建命令:
npm run build输出目录:
public使用建议:利用丰富的插件生态系统,增强站点功能。
Hexo
特点:Hexo 是一个快速、简洁的博客框架,基于 Node.js。
默认构建设置如下:
构建命令:
hexo generate输出目录:
public使用建议:使用主题和插件自定义博客外观和功能。
Qwik
特点:Qwik 是一个新兴的框架,专注于性能和加载速度。
默认构建设置如下:
构建命令:
npm run build输出目录:
dist使用建议:适合需要高性能的应用,关注用户体验。
Remix
特点:Remix 是一个现代的 React 框架,支持服务器端渲染和数据获取。
默认构建设置如下:
构建命令:
npm run build输出目录:
build/client使用建议:利用 Remix 的数据加载功能,优化页面性能。
Solid
特点:Solid 是一个高性能的前端框架,注重响应式编程。
默认构建设置如下:
构建命令:
npm run build输出目录:
dist使用建议:适合需要高效渲染的应用,关注组件的性能。