其他分享
首页 > 其他分享> > 组件发布到NPM

组件发布到NPM

作者:互联网

首先npm模块的仓库地址只能是原厂的。

下面以我的一个下拉选择框作为demo开始说明。

项目结构如下

TS + sass

在根目录下新增了/src/的目录

 

 

终端 使用 npm init 命令 可以初始化package.json,在里面新增一行 "miniprogram" : "src"

然后src目录就是可以被别的项目引用的组件了。

按照常规开发流程,miniprogram目录下是项目开发目录,开发完成并测试完毕之后需要把components目录里的目录和文件都移到根目录的src目录中。

我这里为了组件更加通用一些使用了gulp工具将 TS 和 SCSS 编译成 js 和 wxss;

 

 

 最后待发布的目录结构:

 

 

 

 

 

 之后就是在package.json里修改一些关于包的信息了

 

 最后在终端里敲入命令: npm publish (前提是你得有npm账号并且登录了)

 

 完成之后就可以在别的项目中下载安装了

 

 在node_modules中

 

 构建npm包之后

 

 

标签:NPM,npm,src,TS,发布,组件,根目录,目录
来源: https://www.cnblogs.com/vencentlum/p/16520493.html