我已经计划编写一个React库,我目前正在考虑如何在本地测试它,特别是如何在库中制作测试项目。
库的当前文件夹结构 - 让我们现在调用它反应库 - 如下:
- dist (automatically generated by webpack - will contain bundle.js)
- src (source files)
- test (jest test files)
- test_project (here is our test_project)
- .babelrc
- eslintrc.js
- package.json
- webpack.dev.js
- webpack.prod.js
这是推荐的做这种事情的方法吗?
此外,test_project
还应该package.json
还是只有webpack.config
文件?
我看过React的一些开源GitHub项目,但没有一个项目里面有测试项目。我想知道他们是如何在视觉上进行测试的。
我还在考虑是否可以在同一根文件夹中测试它,而无需创建其他文件夹。在这种情况下,我需要script
(在package.json
)用于捆绑库,另一个用于捆绑测试项目,这应该从/dist
导入库?那是对的吗?在这种情况下,我不需要多个webpack配置文件或多个包文件,对吧?
如果我想将库发布到NPM,我想我可以只排除与测试项目构建和所有源相关的文件,并且只包括捆绑的库,对吧?
那么,这是测试自己的反应库的推荐方法吗? (在将其发布到github或npm之前)
LE :第一种方法我的意思是在root中创建一个新的子文件夹,其文件夹结构与parent(src,dest,package.json,webpack)相同,而第二种方法只创建一个带有javascript / html文件的test-project文件夹,test-project的包将在库的包旁边