本文主要是介绍使用 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、脚本会清除注释代码
这篇关于使用 gulp-cleanwxss 清除小程序无用样式代码的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!