📦 安装

# npm
npm install talking-universe-plugin

# yarn
yarn add talking-universe-plugin

# pnpm
pnpm add talking-universe-plugin

🚀 快速开始

ES6 模块引入

// 完整引入
import TalkingUniverse from 'talking-universe-plugin';
import 'talking-universe-plugin/dist/index.min.css';

// 按需引入
import { utils, dom, data } from 'talking-universe-plugin';

CommonJS 引入

const TalkingUniverse = require('talking-universe-plugin');
require('talking-universe-plugin/dist/index.min.css');

直接在HTML中使用

<link rel="stylesheet" href="path/to/talking-universe-plugin/dist/index.min.css">
<script src="path/to/talking-universe-plugin/dist/index.min.js"></script>

<script>
  // 全局变量 TalkingUniverse 可直接使用
  console.log(TalkingUniverse.version);
</script>

🔧 开发指南

构建项目

# 构建所有版本（开发版 + 生产版混淆）
npm run build

# 仅构建开发版
npm run build:dev

# 仅构建生产版（混淆压缩）
npm run build:prod

发布到NPM

# 交互式发布（推荐）
npm run publish

# 快速发布补丁版本
npm run release:patch

# 发布功能版本
npm run release:minor

# 发布重大版本
npm run release:major

📁 项目结构

talking-universe-plugin/
├── src/                    # 源码目录
│   ├── utils/             # 工具方法
│   ├── dom/               # DOM操作
│   ├── data/              # 数据处理
│   ├── styles/            # CSS样式库
│   └── index.js           # 入口文件
├── dist/                  # 构建输出
├── demo/                  # 演示页面
├── scripts/               # 构建脚本
├── webpack.config.js      # Webpack配置
├── webpack.prod.config.js # 生产环境配置
└── package.json