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

zy-text-v19

v0.0.1

Published

* 可作为独立组件应用到任何项目当中 * 可以放到Page Builder页面中,并支持属性编辑 * 可以作为一个独立页面运行

Downloads

6

Readme

Thunder Component

  • 可作为独立组件应用到任何项目当中
  • 可以放到Page Builder页面中,并支持属性编辑
  • 可以作为一个独立页面运行

项目结构规范

#动态打包构建结果目录,构建时自动生成
/dist
#运行代码示例的目录
/examples  
#组件包源代码目录,经过babel转换后自动生成
/lib
#项目依赖安装目录,npm install时自动生成
/node_modules
#源代码目录,项目基础结构,里面列的文件必须按照这个结构存在,其他可按照自己的需求安排。
/src
    #export组件的文件,必须存在
    index.js
    #Page Builder属性配置代码存放的目录
    /props
        #export 属性组件文件
        index.js
#git忽略文件列表
.gitignore
#npm忽略文件列表
.npmignore
#babel转换配置
babel.config.js
#包锁文件
package-lock.json
#包信息描述
package.json
#文档
README.md
#动态打包任务配置
webpack.config.js
#eamples任务配置
webpack.example.js

以上目录结构为项目的基础结构,开发者开发目录为/src目录,你将在这里完成你组件逻辑的开发。 /src/props 开发此组件在Page Builder里可编辑的属性,在 /src/props/index.js 输出属性配置。

上面的目录结构会被我们的构建工具自动引用,请不要调整这些文件的结构,但你可以根据需要增加自己需要的文件和目录