何时使用

• 可作为独立组件应用到任何项目当中
• 可以放到Page Builder页面中，并支持属性编辑
• 可以作为一个独立页面运行

Thunder Component

项目结构规范

#动态打包构建结果目录，构建时自动生成
/dist
#运行代码示例的目录
/examples  
#组件包源代码目录，经过babel转换后自动生成
/lib
#项目依赖安装目录，npm install时自动生成
/node_modules
#源代码目录，项目基础结构，里面列的文件必须按照这个结构存在，其他可按照自己的需求安排。
/src
    #export组件的文件，必须存在
    index.js
    #Page Builder属性配置代码存放的目录
    /props
        #export 属性组件文件
        index.js
#git忽略文件列表
.gitignore
#npm忽略文件列表
.npmignore
#babel转换配置
babel.config.js
#包锁文件
package-lock.json
#包信息描述
package.json
#文档
README.md
#动态打包任务配置
webpack.config.js
#eamples任务配置
webpack.example.js

以上目录结构为项目的基础结构，开发者开发目录为/src目录，你将在这里完成你组件逻辑的开发。 /src/props 开发此组件在Page Builder里可编辑的属性，在 /src/props/index.js 输出属性配置。

上面的目录结构会被我们的构建工具自动引用，请不要调整这些文件的结构，但你可以根据需要增加自己需要的文件和目录