构建miniprogram-component-plus插件

605 阅读1分钟

最近才接触小程序,便捷是便捷了许多。但是部分文档写的是真的模糊

仅此做个笔记---

以 sticky 粘性组件为例

1.项目创建 package.json 文件
npm init 
一路回车键就可以 创建之后的文件内容为:
package.json 
{ "name": "wx_shops", "version": "1.0.0", "description": "", "main": ".eslintrc.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "author": "", "license": "ISC", }

这时候项目中会出现 package.json 文件

2.引入miniprogram-component-plus

cd 到项目目录下 输入:

npm install @miniprogram-component-plus/sticky

这时候,项目会增加一个 node...什么的文件,里面会包含@miniprogram-component-plus文件

暂时不要管他,继续往下走

3.配置插架路径
{

"usingComponents": {

"home-search":"../../compoments/search/search",

"mp-sticky":"@miniprogram-component-plus/sticky"

},

"navigationBarTitleText": "首页",

"enablePullDownRefresh": true

}

在需要使用插架的 .json 文件中,配置好

"mp-sticky":"@miniprogram-component-plus/sticky"

这时候编译一下,会发现报错,找不到文件路径

4.构建npm

选择工具 - 构建npm

这时候,之前生成的node...什么的文件变成了@miniprogram-component-plus 文件

然后在编译运行,就可以了