编译时方案

原理

本地组件发布时，完成以下工作：

• jsx语法转为小程序语法
• css/less文件内样式 塞入dom 结构中转为内联样式

缺点

1. react和小程序语法差异大，差异抹平困难
2. 不支持嵌套组件的写法，index.js内不可以嵌套其他react子组件

function Child () {
  return (
    <div className='child'>child</div>
  )
}
function Parent () {
  return (
    <div className='container'>
      <Child />
    </div>
  )
}

无法支持的原因时，编译时无法解析到dom之间的上下文关系，从而解析css样式时无法分析 3. dom结构不支持使用变量的形式，原因同上 4. 不支持使用伪元素和伪类元素