微信小程序加载本地json和使用gulp压缩js

9月前作者：瑶山分类：Toy博客阅读(47) 违法举报

这篇具有很好参考价值的文章主要介绍了微信小程序加载本地json和使用gulp压缩js。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

加载本地json

创建json.js, data 里是json内容，exports 是数据出口

var data = [
{json1},{json2},{json3},······{json10} 
....

]
module.exports = {
    listData = data
}

使用

这个require后面的参数是入口文件的文件路径，但是注意必须是相对路径，不能绝对路径。

let json = require("../../common/json.js");


console.log(json.listData )

js压缩

小程序提示"以下文件体积超过 500KB，已跳过压缩以及 ES6 转 ES5 的处理"

使用gulp进行压缩

环境

安装node.js(npm)
安装git
npm install --global gulp

全局安装gulp： npm install --global gulp

开始

新建一个用于压缩的目录，在目录内创建package.json文章来源地址https://www.toymoban.com/news/detail-646097.html

{
  "name": "gulp",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "dependencies": {
    "gulp"

到了这里，关于微信小程序加载本地json和使用gulp压缩js的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

【微信小程序】使用 JSON.parse 方法将返回的 JSON 字符串解析为对象

在微信小程序中，你可以使用 JSON.parse 方法将返回的 JSON 字符串解析为对象。以下是实现类似功能的示例代码：在上述代码中，我们使用 JSON.parse 方法将返回的 JSON 字符串解析为对象。然后，我们可以通过点语法或方括号语法访问解析后的对象的属性，例如 data.result 。请注

2024年02月15日
浏览(49)
【微信小程序】下载文件到本地并使用

1.使用小程序文件管理API （wx.getFileSystemManager()） 2.1 判断要下载的文件是否存在(accessSync)于本地通过 try 去判断进入catch则没有存在于本地 2.2 通过wx.downloadFile 设置filePath 下载文件保存本地 3.读取（readFileSync）本地文件并使用 catch 处理未加载到数据重新 wx.downloadFile 设置

2024年02月09日
浏览(159)
uniapp使用threejs-miniprogram在微信小程序加载模型

1.通过 npm 安装 2.导入小程序版本的 Three.js并创建一个与 canvas 绑定的 three.js 3.创建渲染器 4.创建场景,创建相机,渲染 5.注册GLTF加载器,加载模型添加到场景 threejs-miniprogram/example/loaders/gltf-loader.js at master · wechat-miniprogram/threejs-miniprogram · GitHub 下载 gltf-loader.js 注册gltf-loader 加

2024年02月08日
浏览(46)
微信小程序使用第三方组件wxParse加载富文本html

微信小程序微信小程序加载富文本html 微信小程序富文本第三方组件wxParse wxParse 富文本html wxParse 是一个微信小程序富文本解析组件，支持支持Html及markdown转wxml。 wxParse gitHub地址：https://github.com/icindy/wxParse 目前项目已停止维护了，原因未知。按照gitHub上的指，下载demo之后，

2024年02月12日
浏览(55)
uni-app 使用webview加载H5打开微信小程序

最近公司有个需求要求在app里点击一个功能打开小程序，并且关闭小程序回到app，模仿平安保险app。毕竟我也是刚学习uni-app，找了很多资料，找到了一个天天外链的网站可以生成一个小程序的链接，使用uni的webview去加载这个链接，很好，需求满足，但是收费，那能不能自己

2023年04月18日
浏览(69)
微信小程序使用canvas绘制海报并保存本地相册

在做微信小程序的时候,很多都会用到生成海报分享功能,刚好最近项目有这个需求,今天就发出来记录下首先是使用canvas绘制一张海报,微信小程序的canvas有老版本和新版本我是用的是新版本代码如下 js部分我的做法是给canvas隐藏了不看到 ,等canvas绘制完毕后导出的url直接赋给

2023年04月08日
浏览(40)
uniapp使用微信开发工具打开微信小程序运行[ app.json 文件内容错误] app.json: 在项目根目录未找到 app.json

这是 uniapp 项目还未转成微信小程序需要转换一下重点: 首先一定要有 unpackage文件夹如果没有的需要到HBuilder X 编译一下编译完，可以看到如下目录既可以了

2024年02月07日
浏览(50)
【微信小程序】不支持使用本地图片设置背景图片解决方法

在小程序样式文件中，如果设置背景图片的路径用的是本地的，就会报错并且显示不出来；如果在wxml文件中使用图片的本地路径作为背景图，则微信开发者工具中可以显示出来，但是运行到手机上显示不出来，解决方法如下：方法一：使用网络图片方法二：在线搜索图片

2024年02月11日
浏览(85)
微信小程序：chooseimage从本地相册选择图片或使用相机拍照

文档 https://uniapp.dcloud.net.cn/api/media/image.html#chooseimage https://developers.weixin.qq.com/miniprogram/dev/api/media/image/wx.chooseImage.html 代码示例

2024年02月04日
浏览(96)
解决微信小程序“app.json: [“workers“] 字段需为目录“错误及worker的使用

我们如果遇到[ miniprogram/app.json 文件内容错误] miniprogram/app.json: [“workers”] 字段需为目录(env: Windows,mp,1.06.2209190; lib: 2.21.4)这样的错误，那么一定是我们在app.json中定义了这个字段。 1.方法一：找到这个字段直接删除即可。 2.方法二：在你的项目目录中补充一个对应的worker

2024年02月12日
浏览(42)