标签：NPM npm src TS 发布 组件 根目录 目录

首先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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。