本地调试 npm 包方案

本地调试 npm 包方案

自营后台进入开发之后,需要抽离组件和物料到 mortise-UI 和 物料库,本着‘工欲善其事必先利其器’的工作方式,先解决下本地调试 npm 包的方案。以下是几种方案:

方案一:

在 mortise-ui 项目中修改,在文档中查看修改效果,调试完成之后,再引入项目中调试;

  • 进入到 mortise-ui 目录下;执行 npm run start(dumi 的开发模式 dumi dev),注意: node 版本不高于14,一般12或者14都可以,亲测 16报错。第一次启动需要在根目录执行 npm run init、在 mortise-ui 目录下执行 npm run build:doc

  • 打开 本地监听的端口,修改相对应的组件,会热更新到页面;

  • 修改完成之后,执行 npm run build:npm 进行打包

  • 通过发布到 bnpm (方案不可取);通过 yarn/npm link(方案二) 的方式查看;

方案二:

直接使用 yarn link 方式,将 mortise-ui 本地包连接到项目中;

  • 进入到 mortise-ui 目录下,执行 yarn link;
  • 进入到 homed_decorate_admin 项目中,执行 yarn link @homed/mortise-

你可能感兴趣的:(umi,nodejs,react)