安装

@beforesemicolon/router 可在捆绑应用程序中工作,并通过 CDN 脚本标签直接在现代浏览器中工作。

包管理器

通过您首选的包管理器安装包,将其与 Vite、Webpack 或 Esbuild 捆绑在一起:

npm

sh
npm install @beforesemicolon/router

yarn

sh
yarn add @beforesemicolon/router

pnpm

sh
pnpm add @beforesemicolon/router

直接 CDN(零构建)

对于简单的 HTML 原型或无构建应用程序,请直接从 unpkg.comjsDelivr 加载已编译的浏览器捆绑包:

html
<!-- 1. Import the base web component library (Required dependency) -->
<script src="https://unpkg.com/@beforesemicolon/web-component/dist/client.js"></script>

<!-- 2. Import the router browser bundle -->
<script src="https://unpkg.com/@beforesemicolon/router/dist/client.js"></script>

锁定版本

强烈建议在生产环境中锁定版本,以避免发布新更新时发生重大更改:

html
<script src="https://unpkg.com/@beforesemicolon/router@1.2.0/dist/client.js"></script>

全局命名空间

通过脚本标记加载时,所有导出的类、路由函数和实用程序都在全局 BFS 窗口对象下可用:

javascript
// Access router components and APIs
const { goToPage, onPage, registerRouteGuard } = BFS.ROUTER
编辑此文档