GithubHelp home page GithubHelp logo

subpackagedemo's Introduction

微信小游戏的分包加载机制

概述

本示例展示了如何使用微信小游戏支持库2.1.0的分包加载功能

实现原理

通过写一个subpackage插件实现把不同js文件拷贝到不同目录并修改目录内的game.js

如何将该项目移植进您的游戏

  • 将 scripts/wxgame/subpackage.ts 拷贝进您的项目
  • 修改 config.wxgame.ts,将 ManifestPlugin 替换为 SubPackagePlugin (注意,您需要修改 build 和 publish)
  • 修改 config.wxgame.ts 中的 CleanPlugin,将 subpackage 对应的目录清除
  • 将示例项目的 EgretSubpackageLoading.js 拷贝进您的微信小游戏项目
  • 修改微信小游戏项目的 game.json,引入 subpackages 属性,参考示例项目
  • 修改微信小游戏项目的 game.js,添加调用 wx.loadSubPackage 的逻辑,参考示例项目

高级用法

  • 您可以通过修改 SubPackagePlugin 的参数和 game.json 的 subpackage 字段配置多个 subpackage
  • 您可以在游戏过程运行中,而不是游戏初始化时加载某个 subpackage,比如您可以在游戏启动时只加载一个登陆页面,在用户登陆之后再加载游戏主逻辑
  • 每个 subpackage 可以包含多个 js 文件

问题反馈

使用过程中遇到疑问或者发现bug可以反馈至论坛,或者发送问题描述到我邮箱:[email protected]

subpackagedemo's People

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.