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

generator-module-tool

v1.1.3

Published

a generator tool based on yoman that used to develop modules

Downloads

3

Readme

generator-module-tool

简介:前端react,vue,node组件开发脚手架工具,弥补了之前开发组件只能在项目间复用,不能大范围适用的情况.

  • 支持最新es6编写,提供react,vue,node组件开发模板,迎合前端技术栈多样化的实际情况.
  • 该工具进一步规范组件开发,开发后的组件经过babel编译,完美适配webpack,作为一个单独的npm包引入.解决之前组件复用程度不高的情况.
  • 降低组件开发难度,该工具将webpack配置和demo展示集成了.极大方便了组件开发和调试。

Installation

该工具源码托管在内网服务器,因公司比较严厉的保密措施,会扫描github相关代码,避免源码麻烦不放在github了,有问题可以直接联系[email protected],或者联系微信号jiehwa520.

$ npm install -g generator-module-tool

确保安装了yeoman:npm install -g yo

Usage

  • git clone 项目
  • cd 项目目录
  • 使用工具初始化
yo module-tool

模板

1.react组件开发

选择reactModule. 初始化完成后

npm run build

同时在开第二个命令行窗口输入:

npm run dev
  • src目录是开发的组件源码,生成的lib目录是放置经过webpack打包后的可直接使用的组件代码,
  • example目录下是直接引用组件的demo例子,可在浏览器输入:localhost:8098

发布

开发完成经测试组件可用后可用发布到内网npm包;

  • 发布命令:如果没有发布过npm包,需要先使用npm add user,输入你的域账号和密码.
npm publish

History

v1.1.2 2016年10月27日16:08:53 修复了在npm上传包过程中自动过滤.gitignore文件的问题

License

MIT © jiehwa