在前端开发中，使用 npm 包是非常常见的事情。而使用一个规范、干净、可扩展的 boilerplate 则可以让我们更轻松地创建自己的 npm 包。react-npm-boilerplate-test 就是这样一个优秀的 boilerplate。
本文将介绍如何使用 react-npm-boilerplate-test，包括如何安装、使用、测试以及扩展。
安装
$ npm install react-npm-boilerplate-test --save
使用
在你的项目中导入 react-npm-boilerplate-test：
import React from 'react'; import MyComponent from 'react-npm-boilerplate-test';
然后在你的组件中就可以直接使用 MyComponent。
class MyReactComponent extends React.Component {
render() {
return (
<MyComponent />
);
}
}测试
使用 jest 和 enzyme 进行单元测试。可以在项目目录下使用以下命令进行测试：
$ npm test
扩展
扩展 react-npm-boilerplate-test 比较简单。你可以通过修改 package.json 中的字段以及 src 目录下的文件来实现你的需求。例如，你可以修改 package.json 中的 name 字段来改变你的 npm 包的名称：
{
"name": "my-react-component"
}示例代码
src/index.js
-- -------------------- ---- -------
------ ----- ---- --------
------ --------- ---- -------------
----- ----------- ------- --------------- -
-------- -
------ -
-----
---------- -----------------------
------- -- - -------------------------- ---------
------
--
-
-
--------------------- - -
----- ---------------------------
--
------ ------- ------------__tests__/index.test.js
-- -------------------- ---- -------
------ ----- ---- --------
------ - ------- - ---- ---------
------ ----------- ---- ---------------
---------------------- ---- -- -- -
----------- ----------- -- -- -
----- ------- - -------------------- ------------ ----
------------------------------------------------- ---------
---
---总结
react-npm-boilerplate-test 是一个非常优秀的 boilerplate，可以帮助我们更轻松地创建自己的 npm 包。本文介绍了如何使用 react-npm-boilerplate-test，包括安装、使用、测试以及扩展。希望本文对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055cb481e8991b448da20a