开发指南

提供webpack相关插件，开发文档JSDoc版 (opens new window)

特性

• 众多的常用插件，让您专注逻辑，事半功倍
• 按需引入，精简打包体积

安装(Install)

npm

npm install @itriton/webpack

pnpm

pnpm install @itriton/webpack

yarn

yarn add @itriton/webpack

使用(Use)

ESM

const path = require('path');
import { DetachExcessStyles } from '@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`);

module.exports = {
    configureWebpack: {
        plugins: [
        new DetachExcessStyles({
            mainStylePath,
            baseDir,
            startWithDir: ['pages', 'pagesMine'], // 支持多个起始目录
            endWithFile: '.wxss', // 可选，默认为 '.wxss'
            fullMatch: true, // 可选，默认为 false，设置为 true 时全匹配起始目录文件夹名称
            debug: true // 可选，默认为 false
        }),
        ]
    }
}

CJS

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`);

module.exports = {
    configureWebpack: {
        plugins: [
        new DetachExcessStyles({
            mainStylePath,
            baseDir,
            startWithDir: ['pages', 'pagesMine'], // 支持多个起始目录
            endWithFile: '.wxss', // 可选，默认为 '.wxss'
            fullMatch: true, // 可选，默认为 false，设置为 true 时全匹配起始目录文件夹名称
            debug: true // 可选，默认为 false
        }),
        ]
    }
}

版权信息

@itriton/webpack遵循MIT (opens new window)开源协议，意味着您无需支付任何费用，也无需授权，即可将@itriton/webpack应用到您的产品中。