@kinngyo/weapack

weapp-package

用于小程序组件打包

安装

npm install @kinngyo/weapack
# 或者
yarn add @kinngyo/weapack

使用

命令

# 开发监听模式
weapack --watch

# 构建打包
weapack

Options

option	说明	类型	默认值
--file	入口文件,多个逗号分割	string	--
--external	外部模块,多个逗号分割	string	--
--outdir	输出目录	string	./dist
--tsconfig	自定义tsconfig.json	string	tsconfig.json
-w, --watch	是否开启监听模式	boolean	false

• 默认入口文件packages/**/\*.{js,ts,wxss,sass,scss,less,wxml,json,wxs}

配置文件

// weapack.config.ts

import { createEntrys, sassPlugin, lessPlugin } from '@kinngyo/weapack'

export default {
    // 入口文件
    entrys: createEntrys(
        'packages/**/*.{js,ts,wxss,sass,scss,less,wxml,json,wxs}',
        file => !/(?<=\.d).(js|ts)$/.test(file),
    ),
    // 输出目录
    outdir: 'dist',
    // 插件
    plugins: [sassPlugin(), lessPlugin()],
    // 解析文件
    loader: {
        '.js': 'js',
        '.ts': 'ts',
        '.wxss': 'copy',
        '.wxml': 'copy',
        '.json': 'copy',
        '.wxs': 'copy',
    },
    // 外部模块
    external: ['../common/*'],
    // 输出扩展名
    outExtension: {
        '.css': '.wxss',
    },
    // esbuild
    build: {
        bundle: true,
        format: 'esm',
        platform: 'node',
        logLevel: 'info',
    },
}