wxapp-minify

为微信小程序原生语法设计的压缩脚本。

支持压缩的文件类型：.wxss .json .wxml .svg。

支持对.wxss .wxml和.svg文件的压缩结果缓存。

安装

npm i @talltotal/wxapp-minify -D
# or
yarn add @talltotal/wxapp-minify -D

使用

配置优先级：指令 > 配置文件 > 内置默认配置

配置文件.minify.js：

// 这里展示的为默认配置
module.exports = {
    // 源码文件所放的位置
    srcPath: 'app',

    // 压缩文件所放的位置
    distPath: 'dist',

    // 是否开启缓存
    cache: true,
    
    // 存储缓存的路径
    cachePath: 'node_modules/.cache/wxapp-minify',
}

指令运行：

$ npx wxapp-minify
# or
$ ./node_modules/.bin/wxapp-minify --help

Usage: wxapp-minify [options] [targetDir]

压缩微信小程序原生语法文件

Options:
    -V, --version              output the version number
    -d, --dest <distPath>      压缩文件所放的位置（默认为'dist'）
    -c, --config <configPath>  配置文件的路径（默认为'.minify.js'）
    --cache <cache>            是否开启缓存（默认为'true'）
    --cachePath <cachePath>    存储缓存的路径（默认为'node_modules/.cache/wxapp-minify'）
    -h, --help                 display help for command

脚本中使用：

const wxappMinify = require('@talltotal/wxapp-minify')

wxappMinify()

对比

[email protected]

• minifyJS
  • 使用terser或uglify-js压缩JS
• minifyWXML
  • 未使用html-minifier，只做了code.replace(/\r\n/g, "\n")
• minifyWXSS
  • 使用cssnano压缩WXSS
  • {preset:["default",{ reduceTransforms:false,calc:false,minifySelectors:false,normalizeUrl:false }]}
• minify

[email protected]

• 使用imagemin对glob匹配的文件做压缩图片
• 使用spritesmith对glob匹配的文件做雪碧图（生成一个png和一个css）
• 使用jscpd对js做相似度对比分析
• 从project.config.json目录到各页面引入的组件以及各模块，找到所有使用的文件