@hyext/builder-beyond NPM

`@hyext/builder-beyond`

能让react技术栈代码，同时运行于web端和app-rn端的构建器。

使用

$ hyext init <project-name> --builder @hyext/builder-beyond

在小程序项目root下的project.config的builder配置对象上改为该构建器名字

{
  "name": "example",
  "outputPath": "dist",
  "releasePath": "release",
  "ignore": [],
  "builder": {
    "config": {
      "webSDKVersion": "1.1.0", 
      "webTitle": "example", 
      "useCssLoader": true
    },
    "name": "@hyext/builder-beyond" // 使用builder-beyond
  }
}

$ hyext start

builder配置项

webSDKVersion - 使用webSdk的版本
webTitle - 主播端显示的小程序名字
useCssLoader - 使用css，默认是true

// root/project.config.json文件
{
  "builder": {
    "config": {
      "webSDKVersion": "1.1.0", 
      "webTitle": "example", 
      "useCssLoader": true
    },
    "name": "@hyext/builder-beyond"
  }
}

开发

开发者可以直接使用react技术栈开发小程序

hycss会受到rn端的约束，这些属性css版本是可用的,但其之外的css是不能用的，另外建议开发者使用flex进行布局，rn端完美兼容flex。

开发者无需关心适配屏幕的问题，builder已经帮你们处理这些问题，开发者只需关心设计稿（宽度为750px）的尺寸去写样式就ok啦。

hy-ui是实现一套代码多端复用的核心，开发者必须使用hy-ui提供的组件开发小程序

import React, { Component } from 'react';
import { Text, View } from '@hyext/hy-ui';
import 'app.hycss'

export default class App extends Component {
   render() {
       return (
           <View className={"hello_world_wrapper"}>
               <Text className={"hello_world"}>Hello World!</Text>
           </View>
       )
   }
}

Debug

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

4 months ago

4 months ago

4 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

6 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

6 months ago

8 months ago

9 months ago

9 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

8 months ago

8 months ago

8 months ago

8 months ago

6 months ago

6 months ago

7 months ago

8 months ago

6 months ago

9 months ago

6 months ago

6 months ago

6 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

5 months ago

6 months ago

6 months ago

10 months ago

6 months ago

10 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

12 months ago

12 months ago

12 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago