nwb-开发react依赖

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/qq_42813491/article/details/102619414

学习资源推荐

全局安装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'

doc

• 参考文档