安装
@beforesemicolon/router 可在捆绑应用程序中工作,并通过 CDN 脚本标签直接在现代浏览器中工作。
包管理器
通过您首选的包管理器安装包,将其与 Vite、Webpack 或 Esbuild 捆绑在一起:
npm
sh
npm install @beforesemicolon/routeryarn
sh
yarn add @beforesemicolon/routerpnpm
sh
pnpm add @beforesemicolon/router直接 CDN(零构建)
对于简单的 HTML 原型或无构建应用程序,请直接从 unpkg.com 或 jsDelivr 加载已编译的浏览器捆绑包:
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