版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
全局安装nwb
- npm i nwb -g
初始化
- nwb new react-component my-app
- 默认配置即可,一路回车
目录结构
my-app/
.gitignore
.travis.yml
CONTRIBUTING.md
nwb.config.js
package.json
README.md
demo/
src/
index.js
node_modules/
src/
index.js
tests/
.eslintrc
index-test.js
desc
- package.json–npm命令脚本
- nwb.config.js --一些配置信息
- demo和src,前者为演示文件夹,后者为开发时源码文件夹
打包前的准备
- src/index.js 将所有要暴露出去的模块导入并导出
打包
- npm run build 之后,会多出4个文件夹
- lib—你开发的依赖模块
- es–块构建保留使用import和export语句在代码中,但将所有其他内容转到ES5
- umd–在script标签中引用时使用
- demo/dist --演示使用
作为第三方依赖使用
- 新建文件夹–自定义即可 比如tc(test component)
- 拷贝上述打包生成的lib,如需要css,一并拷贝到mycom
- 拷贝package.json 到mycom
- 此时,在项目中直接引用即可
import { Hello } from 'tc'