@fleet-frontend/unplugin-azure-blobs

这是一个pnpm管理的多项目仓库，用来把静态资源上传到Azure的Blobs Storage，包含webpack和vite两个版本

项目结构

├── package.json
├── playground-vite           # vite的测试项目
├── playground-webpack        # webpack的测试项目
├── pnpm-lock.yaml
├── pnpm-workspace.yaml
├── src                       # 插件项目源码
│   ├── core                  # 上传功能实现
│   │   └── uploader.ts
│   ├── index.ts
│   ├── types.ts
│   ├── vite.ts
│   └── webpack.ts
├── test                      # 测试工程，使用vitest
├── tsconfig.json
└── tsdown.config.ts

开发

# 安装依赖
pnpm i
# webpack测试
pnpm run play:webpack
# vite测试
pnpm run play:vite
# 打包
pnpm run build
# 发版
pnpm run release

项目里使用

Vite

// vite.config.ts
import VitePlugin from '@fleet-frontend/unplugin-azure-blobs/vite'

export default defineConfig({
  plugins: [
    VitePlugin({
      containerName: 'my-container',
      ignore: ['*.html']
    }),
  ],
})

Webpack

//  webpack.config.ts
import WebpackPlugin from '@fleet-frontend/unplugin-azure-blobs/webpack'

module.exports = {
  plugins: [
    WebpackPlugin({
      containerName: 'my-container',
      ignore: ['*.html']
    }),
  ],
}

unplugin使用

这是使用 unplugin 模版创建的项目

# 创建新插件
npx degit unplugin/unplugin-starter my-unplugin