npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

winkey-cli

v2.0.29

Published

> TODO: description

Downloads

58

Readme

winkey-cli 一个 vite 的脚手架

轻量化脚手架,简单上手,便捷开发

安装

  • npm i winkey-cli -g

执行命令

  • winkey dev (path) 本地执行

  • winkey build (path) 打包

  • winkey init (path) 初始化项目

  • winkey list 查看所有命令

  • winkey list --seeds | -s 查看所有 seeds 包

  • winkey update 更新 seeds 包

  • winkey install (seeds 包名称可带版本号) 直接安装 seed 包

包类型

  • vite-project 项目模板

  • vite-component 组件模板

  • vite-qiankun 微前端 qiankun 子应用模板

winkey.config 配置

/** 根目录 */
root?: string
/** 项目名称 */
name?: string
/** 项目工具 */
workflow: 'vite'
/** 项目环境 */
platform?: 'pc' | 'mobile'
/** 版本号 */
version?: string
/** 是否使用yarn */
yarn?: boolean
/**  */
cacheDir?: string
/** 打包配置 */
dest?: {
  /** 是否采用默认方式,开启这个,下面几个配置均无效 */
  default?: boolean
  /** 基础路径 */
  basePath?: string
  /** js文件路径 */
  jsPath?: string
  /** css文件路径 */
  cssPath?: string
  /** html文件路径 */
  htmlPath?: string
  /** 图片文件路径 */
  imagesPath?: string
  /** manifast文件路径 */
  revPath?: string
}
/** alias 配置 */
alias?:
  | {
      /** 根目录 */
      srcRoot?: string
    }
  | {
      find: string
      replacement: string
    }[]
/** 服务端开发 */
server?: {
  /** 本地开发端口号 */
  port?: number
  /** 设为 true 时若端口已被占用则会直接退出,而不是尝试下一个可用端口。 */
  strictPort?: boolean
  /** 需要一个合法可用的证书。 */
  https?: boolean
  /** 在开发服务器启动时自动在浏览器中打开应用程序。 */
  open?: string | boolean
  /** 为开发服务器配置 CORS。 */
  cors?: boolean | CorsOptions
  /** 指定服务器响应的 header。 */
  headers?: OutgoingHttpHeaders
  /** 禁用或配置 HMR 连接(用于 HMR websocket 必须使用不同的 http 服务器地址的情况)。 */
  hmr?:
    | boolean
    | {
        protocol?: string
        host?: string
        port?: number
        path?: string
        timeout?: number
        overlay?: boolean
        clientPort?: number
        server?: Server
      }
  /** 传递给 chokidar 的文件系统监听器选项。 */
  watch?: WatchOptions
}
/** 是否启用样式模块化 */
cssModules?: boolean
/** 设为 false 可以避免 Vite 清屏而错过在终端中打印某些关键信息 */
clearScreen?: boolean
/** 小于此阈值的导入或引用资源将内联为 base64 编码 */
limitSize?: number
/** 输出目录 */
outDir?: string
/** 自定义插件 */
plugins?: PluginOption[]
/** 自定义css */
css?: CSSOptions
/** 是否启用小助手 */
winkeyTool?: boolean
/** 是否是qiankun */
qiankun?: 'child'