@rwp/cli

包含的功能点如下

Usage no npm install needed!

<script type="module">
  import rwpCli from 'https://cdn.skypack.dev/@rwp/cli';
</script>

README

React 的构建工具，对Webpack的封装

包含的功能点如下

  • react
  • typescript
  • 约定路由

项目结构介绍

src # 项目根目录
|-- .rwp # 项目自动生成的零时文件
|   |-- entry.tsx  # webpack的入口点
|   |-- routes.tsx # 当前的路由信息
|
|-- layouts # 布局文件
|   |-- index.tsx # 默认的布局文件
|
|-- pages # 约定路由

约定路由

所有路由信息，仅仅只支持一级路由，不支持嵌套路由。

例如pages目录如下:

src
|-- ...
|
|-- pages
|   |-- index.route.tsx
|   |-- test.route.tsx
|   |-- directory
|       |-- directory1.route.tsx

那么对应的资源地址为

资源地址 文件路径
http://localhost:1996/ src/pages/index.route.tsx
http://localhost:1996/test src/pages/test.route.tsx
http://localhost:1996/directory/directory1 src/pages/directory/directory1.route.tsx

pages 目录下只有后缀为 .route.tsx 才会被解析为路由。