npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2025 – Pkg Stats / Ryan Hefner

mwxpack

v0.0.26

Published

webpack configuration for weixin miapp

Downloads

25

Readme

微信小程序开发/打包

用法

在项目根目录创建mwxpack.config.js,内容如下:

// const path = require('path')
module.exports = {
  // 源码目录位置
  srcDir: './src',
  // 打包后的目录位置
  outputDir: './dist',
  // 每个项目需要复制的目录,默认复制每个项目下的static目录,如果是单项目则复制根目录下的static目录
  copyDirs: ['public'],
  // 项目列表,相对于srcDir
  projects: [
    'projectA',
    'projectB',
    'projectC'
  ],
  webpackConfiguration: {
    // 用于覆盖的webpack设置
    ...
  },
  // or
  // webpackConfiguration: (project) => {
  //   return {
  //     ...
  //   }
  // }
}

然后命令行执行:

# 开发时
mwxpack server

# 打包
mwxpack build

# 发布,使用小程序开发者工具的命令行方式进行上传
# 目前只支持windows和mac系统,默认会从mac的 /Applications/wechatwebdevtools.app 目录和windows的 C:\\Program Files (x86)\\Tencent\\微信web开发者工具 目录读取
# 如果安装的开发者工具目录不是默认目录,请通过环境变量WECHAT_MINAPP_DEVTOOL_PATH变量设置
# 上传时默认会查找每个项目下的package.json中的version作为上传的版本号,如果没找到会尝试在项目跟目录下查找,但是也可以通过参数 -v xxx进行覆盖
# 上传描述可以通过设置mwxpack.config.js中的useDescription来决定是否使用package.json中的description字段作为版本说明
# 参数-o可以将上传的信息输出到指定路径
mwxpack deploy [-v 1.0.0] [-d description] [-o /path/to/output]

环境变量

  • MPX_ENABLE 是否开启 mpx 支持,默认 true
  • WECHAT_MINAPP_DEVTOOL_PATH 自定义微信开发者工具的安装目录
  • npm_config_report 是否开启构建报告,可以通过--report 传递