# 优化多余样式(DetachExcessStyles)
用于处理UNIAPP打包小程序时产生的重复全局CSS。
# 使用方式
修改vue.config.js
中配置项
const path = require('path');
const { DetachExcessStyles } = require('@itriton/webpack');
const env = process.env.NODE_ENV === 'development' ? 'dev' : 'build';
const mainStylePath = path.join(__dirname, `unpackage/dist/${env}/mp-weixin/common/main.wxss`);
const baseDir = path.join(__dirname, `unpackage/dist/${env}/mp-weixin`);
let plugins = [];
if (process.env.UNI_PLATFORM === 'mp-weixin') {
plugins.push(
new DetachExcessStyles({
mainStylePath,
baseDir,
startWithDir: ['pages'], // 支持多个起始目录
endWithFile: '.wxss', // 可选,默认为 '.wxss'
fullMatch: false, // 可选,默认为 false,设置为 true 时全匹配起始目录文件夹名称
debug: true // 可选,默认为 false
})
)
}
module.exports = {
configureWebpack: {
plugins
}
}
← 开发指南