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

eseat

v0.0.3

Published

Web total solution.Support packs modules for browser.Support mock

Downloads

4

Readme

eseat

开发目标

  • 兼容webpack的loader
  • 提高代码复用率,提供跨应用的代码复用
  • 前端整体开发解决方案

设计思路

  • 考虑单页面应用和多页面,应用-->页面和组件
  • 通过引入其他应用,来实现代码复用,减少体积

应用

  • 应用是指为了实现某种功能,组织到一块,不可分割的代码块

  • 应用运行在浏览器端,需要经过loader打包处理,这是应用与库的区别

  • 应用有且只有一个入口(本框架约定为app.js),打包后只有一个文件

    打包后的文件不包含第三方库和其他应用

  • 一个应用是以入口为根,其他依赖为枝叶的依赖树

  • 应用是纯js的,使用的时候必须挂到某个html上才有效果

    只有在config中指定了的app才会进行挂载,默认挂载到同名html或者index.html

第三方库打包

  • 第三方应用的打包采用通用包和拓展包的方案
  • 通用包采用最小原则,所有应用都用到的才会打到通用包
  • 拓展包每个应用都会打,内容为该应用中用到但不在通用包中的第三方库