使用 gulp-cleanwxss 清除小程序无用样式代码

小程序在迭代中，因没有及时清理无用样式，造成包体积越来越大。而通过人工判断清除工作量大，因而使用 gulp-cleanwxss 实现脚本清除。

一、Demo 演示

二、实现步骤

1、全局安装 gulp 命令行工具

yarn global add gulp-cli

2、局部安装依赖 gulp、gulp-cleanwxss

yarn add gulp gulp-cleanwxss -D

3、编写 gulpfile.js 文件

const gulp = require('gulp')
const cleanwxss = require('gulp-cleanwxss')

const defaultTask = (callback) => {
  gulp.src('miniprogram/pages/**/**.wxss')
    .pipe(cleanwxss())
    .pipe(gulp.dest('miniprogram/pages/'))
  
  callback()
}

exports.default = defaultTask;

三、提醒事项

1、若根据官方文档，勿漏安装 gulp 和 gulp-cli 依赖

2、也可用于清除 less 文件的无用代码

3、对 less 嵌套样式类，存在误删括号代码问题，执行脚本后建议手动检查一遍

4、脚本会清除注释代码