@rwp/cli

0.0.1-canary • Public • Published

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 才会被解析为路由。

/@rwp/cli/

    Package Sidebar

    Install

    npm i @rwp/cli

    Homepage

    rwp.pub

    Weekly Downloads

    0

    Version

    0.0.1-canary

    License

    AGPL-3.0

    Unpacked Size

    3.16 kB

    Total Files

    5

    Last publish

    Collaborators

    • kotomi