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

superfans-fe

v1.0.0

Published

超级粉丝通工程(webpack版本)

Downloads

2

Readme

npm run build 发布模式-构建工程到目录static目录下 webpack 最基本的启动webpack命令 webpack -w 提供watch方法,实时进行打包更新 webpack -p 对打包后的文件进行压缩 webpack -d 提供SourceMaps,方便调试 webpack --colors 输出结果带彩色,比如:会用红色显示耗时较长的步骤 webpack --profile 输出性能数据,可以看到每一步的耗时 webpack --display-modules 默认情况下 node_modules 下的模块会被隐藏,加上这个参数可以显示这些被隐藏的模块

npm run dev 开发模式-热加载方式

  • webpack-dev-server - 在 localhost:8080 建立一个 Web 服务器

  • devtool eval - 为你的代码创建源地址。当有任何报错的时候可以让你更加精确地定位到文件和行号

  • progress - 显示合并代码进度

  • colors - 命令行中显示颜色!

  • content-base static - 指向设置的输出目录,static为目录。


  • |____css
  • | |____stylus
  • | | |____modules//css公共模块,或独立模块
  • | | | |____appCss.styl
  • | |____pages
  • | | |____available-weibo.styl//选择已有微博
  • | | |____create-weibo.styl//创建新微博
  • | | |____data-creative.styl//微博创意数据
  • | | |____data-plan.styl//定量广告计划数据
  • | | |____data-total.styl//定量广告总数据
  • | | |____index-ad.styl//example 演示
  • | | |____index-data.styl//example 演示
  • | | |____plan-booking.styl//预定设置最新
  • | | |____plan-view.styl//预定查看
  • | | |____tool-planList.styl//广告计划列表
  • |____images//图片资源
  • |____mock//测试数据
  • |____js
  • | |____modules//js公共模块,如对组件的业务调用
  • | |____components//js公共组件,如封装的日期的功能
  • | | |____component.js
  • | | |____plugin.js
  • | |____libs//第三方js库,如jquery
  • | |____pages
  • | | |____available-weibo.js//选择已有微博
  • | | |____create-weibo.js//创建新微博
  • | | |____data-creative.js//微博创意数据
  • | | |____data-plan.js//定量广告计划数据
  • | | |____data-total.js//定量广告总数据
  • | | |____index-ad.js//example 演示
  • | | |____index-data.js//example 演示
  • | | |____plan-booking.js//预定设置最新
  • | | |____plan-view.js//预定查看
  • | | |____tool-planList.js//广告计划列表
  • |____views
  • | |____jade
  • | | |____layouts//html公共基本布局
  • | | |____modules//html模块
  • | |____pages
  • | | |____available-weibo.jade//选择已有微博
  • | | |____create-weibo.jade//创建新微博
  • | | |____data-creative.jade//微博创意数据
  • | | |____data-plan.jade//定量广告计划数据
  • | | |____data-total.jade//定量广告总数据
  • | | |____index-ad.jade//example 演示
  • | | |____index-data.jade//example 演示
  • | | |____plan-booking.jade//预定设置最新
  • | | |____plan-view.jade//预定查看
  • | | |____tool-planList.jade//广告计划列表

console的颜色值 //Foreground color -set text color

//'black' //'red' //'green' //'yellow' //'blue' //'magenta' //'cyan' //'white' //Background color -set text background color

//'blackBG' //'redBG' //'greenBG' //'yellowBG' //'blueBG' //'magentaBG' //'cyanBG' //'whiteBG'

console.warn - will print in yellow console.info - will print in blue console.error - will print in red


mod 的接口介绍 /*创建模块,并参入初始配置

  • 创建接口后,模块会以引用的方式存在,在显示dom的html里这会儿是看不到的。
  • 只有使用show,才能再显示出来 */ create(opts)

/*更新模块的配置

  • 只影响dom内容,但是显示还是遵循之前状态 */ update(opts)

/* *负责显示模块,把模块容器添加到,html的显示列表中 */ show()

/* *负责隐藏模块,把模块容器添从html的显示列表中清除 */ hide()