微信小程序-构建npm

研究参

已于 2024-02-23 09:31:01 修改

阅读量1k

点赞数 2

分类专栏：微信小程序 NodeJs经验分享文章标签：微信小程序 npm 小程序

于 2024-02-23 09:21:32 首次发布

本文链接：https://blog.csdn.net/New_user_/article/details/136247095

版权

NodeJs经验分享同时被 2 个专栏收录

5 篇文章 0 订阅

订阅专栏

微信小程序

1 篇文章 0 订阅

订阅专栏

1、创建微信小程序

2、打开命令行

在项目根目录中右击 - 点击【在外部终端窗口中打开】
在这里插入图片描述

3、执行下面的命令

npm init -y

在这里插入图片描述

4、执行下面的命令

npm i -S uuid

在这里插入图片描述

生成了 node_modules：
在这里插入图片描述

5、修改配置

在 project.config.json 文件找到 setting 并添加如下配置

"packNpmManually": true,
"packNpmRelationList": [
  {
    "packageJsonPath": "./package.json",
    "miniprogramNpmDistDir": "./"
  }
],

在这里插入图片描述

6、重新打开此项目

在这里插入图片描述

7、构建npm

在这里插入图片描述

生成了 miniprogram_npm：
在这里插入图片描述

8、开始使用

微信小程序-npm支持

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

研究参

关注关注

2
点赞
踩
15

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

微信小程序构建npm

weixin_44387746的博客

01-29

8718

在项目根目录下运行 npm init 初始化成功后安装组件库 npm install--save weui-miniprogram 修改 project.config.json 文件中 { ... "setting": { ... "packNpmManually": true, "packNpmRelationList": [ { "packageJsonPath": "./package.json", "miniprogramN

微信小程序-通过webpack编译构建微信小程序

08-06

通过webpack编译构建微信小程序 使用创建微信小程序时，将目录设到build/src下，本地的开发目录在src下编译构建: $ npm run build 监听变化并重新编译 $ npm run watch 注意开发者工具上需要ctrl R(command R)...

参与评论您还未登录，请先登录后发表或查看评论

微信小程序使用npm包

huaweichenai的博客

08-12

2790

一：npm初始化如果你的小程序项目没有安装过npm包的话，你需要先初始化npm npminit 二：安装npm包这里以vant-weapp(小程序UI组件库)为例： npmivant-weapp-S--production 三：npm包构建 1：点击微信开发者工具右上角详情——>本地设置，选中使用npm模块 2：点击微信开发者工具菜单栏的工具，选择构建n...

微信小程序——构建npm

m0_52163529的博客

03-21

1018

在微信小程序中使用第三方包并构建npm的具体方法可以参考官方文档。npm 支持 | 微信开放文档微信开发者平台文档但是在开发过程中，我遇到了无法构建npm的方法，所以就暂时使用的笨方法，将转二维码的js文件直接导入utils文件夹中，然后引入的该方法。（详情见此次开发需要对一期代码进行优化，就需要解决这个问题，改用第三方包，避免前者可能会导致的一些问题，保证代码的安全性和稳定性。在查阅种种资料后，终于解决了。

微信小程序使用npm包的方法步骤

最新发布

胡西风的博客

09-27

610

此例使用 js-base64 包实现，在你需要使用此包的 js 文件中引入 npm 包。1：点击微信开发者工具右上角详情——> 本地设置，选中使用 npm 模块。如果你的小程序项目没有安装过 npm 包的话，你需要先初始化 npm。当显示如下表示 npm 构建成功，构建完成就可以使用 npm 包了。2：点击微信开发者工具菜单栏的工具，选择构建 npm。2：使用 npm 包中的自定义组件。2：使用 npm 包中的自定义组件。1：js 中引入 npm 包。

使用npm构建微信小程序

kylin5221的博客

01-07

1232

下载node.js安装包并进行安装，安装node成功后，npm也进行了安装，二者集成到了一起先使用微信小程序进行初始化一个项目右侧勾选npm选项 1 npm init （可以一路默认下去） 2. npm install - - production (安装生产依赖) 3. npm i wux-weapp -S --poduction （wux-weapp —组件名安装...

微信小程序怎么构建npm？

qq_37805832的博客

09-04

6230

因为系统引入外部UI库时需要的。不然外部的UI库运行不起来.

【微信小程序知识点】自定义构建npm

weixin_51781852的博客

07-12

720

（6）配置 project.config.json的setting.packNpmRelationList项，指定packageJsonPath和miniprogramNpmDistDir的位置。在实际开发中，随着项目的功能越来越多，项目越来越复杂，文件目录也变得很繁琐，为了方便进行项目的开发，开发人员通常会对目录结构进行优化调整，例如：将小程序源码放到miniprogram目录下。（2）在project.config.json中配置路径源码路径。miniprogram_npm包就出现在了指定的位置。

微信小程序构建npm（js和ts）

苦夏木禾

06-01

3052

微信小程序构建npm（js和ts）

014-微信小程序-weapp-360che-master.zip

06-11

- **WXML（WeChat Markup Language）**：微信小程序的结构标签语言，类似HTML，但有其特定的标签和属性，用于构建页面结构。 - **WXSS（WeChat Style Sheet）**：类似于CSS，用于定义小程序的样式。 - **JavaScript*...

微信小程序-快速构建具备弹性能力的微信小程序

08-07

微信小程序客户端腾讯云增强 SDK 本项目是 Wafer 的组成部分，为小程序客户端开发提供 SDK 支持会话服务和信道服务。 SDK 获取与安装解决方案客户端 Demo 已经集成并使用最新版的 SDK，需要快速了解的可以从 ...

树芽读书-微信小程序-html

06-03

HTML（超文本标记语言）是网页制作的基础，也是构建微信小程序界面的主要工具之一。通过HTML，开发者可以创建结构化的页面内容，如段落、标题、链接等，为用户展示丰富的文字信息。微信小程序则是一个无需下载安装...

微信小程序 构建 npm

悟世君子的博客

05-07

888

微信小程序 构建 npm，个人感觉官网写的并不是很详细，这里记录一下在使用 npm 前，先确保电脑已经安装了 nodejs 环境，没有安装的可以参考：https://blog.csdn.net/wsjzzcbq/article/details/89556569 1、进入项目目录，初始化项目进入项目目录，我的小程序项目名是 xcx-vant 在项目目录打开 cmd 命令窗口，执...

关于在微信小程序中构建npm的方法

qq_44821064的博客

06-28

829

看了遍博客，大致说的是npm就像是一个仓库，集中了别的软件打包好的库！优点就是需要下载第三方库的时候，不用到每个官网上去下载，只需要下载了npm，就可以在其中去调用第三方库！由于历史原因，npm是嵌套在node.js中!node.js是一种javascript的运行环境，能够使得javascript脱离浏览器运行！在小程序的当前页面中输入npm init -y 创建下图中蓝色圈圈的文件!2.为什么下载npm之前要先安装好node.js呢？3. node.js的安装。1 了解什么是npm？

微信小程序npm构建

HanXiaoXi_yeal的博客

05-17

667

步骤：一：初始化 npm init -y 自动生成生成package.json文件二：project.config.js配置项 "packNpmManually": false, "packNpmRelationList": [ { "packageJsonPath": "./package.json", "miniprogramNpmDistDir": "./node_modules" } ] 三：下载所需依赖 npm ins

微信小程序怎样使用npm

04-24

微信小程序使用 npm 包的话，需要满足以下条件： 1. 微信开发者工具的基础库版本需大于等于 2.2.3 ； 2. 在小程序项目根目录下创建一个名为 package.json 文件，用来管理 npm 包及其依赖； 3. 在开发者工具中勾选“使用 npm 模块”选项。接下来，你可以通过以下步骤使用 npm 包： 1. 在 package.json 文件中添加要使用的 npm 包的名称； 2. 在开发者工具的菜单栏中选择“工具” > “构建 npm”； 3. 在小程序中引入 npm 包，方法与普通的 ES6 模块一致，例如： ```javascript const lodash = require('lodash'); ``` 注意：小程序的运行环境是基于微信客户端的 JavaScript 运行环境，因此，仅支持部分 ES6 特性，比如箭头函数、模板字符串、解构赋值等。如果要使用一些较新的 ES6 特性，需要使用 babel 编译库来将代码转换为支持的语法。