path-to-regexp loader for Webpack

How to Install

1npm install path-to-regexp-loader --save-dev

How to Use

Given a routes.json file that may look like this:

1[
2  { "path": "/tasks", "component": "TodoList" },
3  { "path": "/tasks/:id(\\d+)", "component": "TodoItem" }
4]

You can parse it by using path-to-regexp-loader:

1var routes = require('!!path-to-regexp-loader!./routes.json');
2// => returns routes.json content as JSON parsed object

1[
2  {
3    path: '/tasks',
4    pattern: /^\/tasks(?:\/(?=$))?$/i,
5    keys: [],
6    component: 'TodoList'
7  },
8  {
9    path: '/tasks/:id(\\d+)',
10    pattern: /^\/tasks\/((?:\d+))(?:\/(?=$))?$/i,
11    keys: [
12      {
13        name: 'id',
14        prefix: '/',
15        delimiter: '/',
16        optional: false,
17        repeat: false,
18        partial: false,
19        asterisk: false,
20        pattern: '\\d+'
21      }
22    ],
23    component: 'TodoItem'
24  }
25]

Related Projects

• React App SDK
• React Static Boilerplate

License

MIT © 2016-present Konstantin Tarkus (@koistya)