美文网首页小程序
小程序npm(初级篇)

小程序npm(初级篇)

作者: 月下0701 | 来源:发表于2018-12-18 15:50 被阅读0次

小程序npm

        NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:

      允许用户从NPM服务器下载别人编写的第三方包到本地使用。

      允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。

      允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。

使用npm

       小程序从基础库版本2.2.1开始支持使用 npm 安装第三方包,因此也支持开发和使用第三方自定义组件包。

  1.在小程序中执行命令安装npm包

     npm install -- production

     production是npm包名称

  node_modules必须在小程序根目录下,也可以存在于小程序根目录下的各个子目录中。但是不允许 node_modules 在小程序根目录外

2.在开发者工具的菜单栏点击工具工具 --> 构建npm

构建npm生成miniprogram_npm目录,而且只有miniprogram_npm会被算入小程序包的占用空间

3.  [endif]构建完成后即可使用 npm 包。

发布、制作npm

为了方便开发者能够快速搭建好一个可用于开发、调试、测试的自定义组件包项目,官方提供了一个项目模板,下载使用模板的方式有三种:

直接从 github 上下载 zip 文件并解压。

直接将 github 上的仓库 clone 下来。

使用官方提供的命令行工具初始化项目,下面会进行介绍。

官方命令行工具npm install -g @wechat-miniprogram/miniprogram-cli

初始化项目miniprogram init --custom-component生成模板工程

1.npm install安装依赖

2.npm run dev会在根目录下生成miniprogram_dev目录。

   1.src中的源代码会被构建饼生成到miniprogram_dev/componentm目录下。

   2.Eslint是默认开启的,如果不想自己调整规则的话可以在tools/config.js中将其关闭

3.miniprogram_dev是一个小程序项目目录,可以在这里查看自定义组件的效果

4.miniprogram_dis是自己创建的文件夹,用来存放做好的自定义控件,在构建npm的时候会将这个目录下的文件放到miniprogram_npm中(注:如果不放到改目录下会报错,该问题有待研究)

相关文章

  • 小程序npm(初级篇)

    小程序npm NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场...

  • 小程序的npm

    npm 小程序可以通过require/export/module 引入npm的包而且支持在小程序的目录上面npm ...

  • 微信小程序集成vant

       微信小程序集成vant,大概的过程先通过npm 安装vant包->微信小程序设置npm环境变量->将npm中...

  • 2019-04-22

    微信小程序使用NPM npm init npm install --save weui-miniprogram 微...

  • 小程序之Javascript

    小程序没有Demo,没有NPM。 小程序宿主环境差异 小程序脚本语言:WXS

  • 微信小程序支持npm第三方包

    npm支持:小程序基础库版本2.2.1或以上,及开发工具1.0.1808300或以上开始,小程序支持使用npm安装...

  • 微信小程序使用npm安装regenerator-runtime,

    一、在小程序中使用npm 1.在小程序根目录用npm init命令生成package.json文件 2.安装依赖:...

  • 18.微信小程序使用npm包步骤

    这里以npm引入小程序官方拓展组件库recycle-view为例 【特别重要】1.在小程序根目录内,初始化npm(...

  • 小程序之NPM

    直接来干货 1、下载Node.Js 按照流程一直next,直到安装成功。 2、下载微信开发者工具 1、新建项目 2...

  • 小程序 构建npm

    npm init npm install --production npm install --save mini...

网友评论

    本文标题:小程序npm(初级篇)

    本文链接:https://www.haomeiwen.com/subject/mljlkqtx.html