# regularjs_example

**Repository Path**: starplatinum111/regularjs_example

## Basic Information

- **Project Name**: regularjs_example
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-11-22
- **Last Updated**: 2025-11-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Regular Example Collection


1. [webpack](#webpack)
2. [单页范例](#routing)
3. [NEJ](#NEJ)


<a name="webpack"></a>
## Webpack

Use [Regular](https://github.com/regularjs/regular) with [webpack](http://webpack.github.io)

```shell

$ cd webpack
$ npm install
$ webpack -w 

```

Then open the `webpack/index.html`. 

<a name="routing"></a>
## 单页系统范例


Use [Regular](https://github.com/regularjs/regular) with [webpack](http://webpack.github.io)

### 启动

```shell

cd routing
npm install  # or cnpm
npm start    # will open the browser

```


### 使用到的技术

- webpack + ES6:  你当然也可以替换为别的模块系统. 
- fetch:  用来处理异步请求
- puer:  前端开发服务器 ： 静态 + mock接口等


## 命令介绍

__在`/routing`根目录下__ 

如果npm 无法运行， 请配置为淘宝的源`https://registry.npm.taobao.org`, 或者直接使用[`cnpm`](http://cnpmjs.org/)代替`npm`


### `npm install` : 安装所有依赖(注意第一次安装可能时间较长)


### `npm start`

开启模拟服务器， 并且开启webpack. 


### 几个关键文件

- server_route.js : 是一个server端的路由配置， 所有数据都是伪造的， 你可以以类似的方式添加自己的接口， 修改后无需重启自动生效.
- webpack.config.js:  webpack的打包配置.  webpack命令会默认查找当前目录下的此文件.
- index.html:  入口文件， 我们将所有的page路由都指向了这个文件，使得前端可以完全接管路由部分.
- src/index.js:  前端的入口文件，主要是处理前端路由的配置
- src/components: 放置一些独立的组件
- src/module: 放置作为单页模块的组件
- src/util: 一些帮助函数.





## NEJ

直接进入NEJ文件夹, 并开启一个静态服务器(加载html资源是使用的ajax), 建议使用[puer](https://github.com/leeluolee/puer)


代码范例

```

define(['text!./login.html', 'pro/regularjs/dist/regular'] ,function( tpl ){

  // 注意Regular是全局取的，而不是注入的
  return Regular.extend({

    name: 'login-nej',

    template: tpl
    
  })


})
```

打包不会有任何区别.