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 🙏

© 2025 – Pkg Stats / Ryan Hefner

webpack-dev-build

v1.3.7

Published

webpack、vue、webpack-dev-server、babel

Downloads

38

Readme

webpack + vue + webpack-dev-server + babel

1.项目根目录下添加启动文件  echo "require('webpack-dev-build')" >  app.js

2.node 执行该app.js 文件即可

3.工具综合 webpack、webpack-dev-server、vue、gulp、git

4.页面入口默认为pages,单个页面pages下新建文件夹即可

5.单个页面文件夹name为输出目录的二级路径 例如 /pages/index

3.构建器只会读取文件夹为输出目录路径 故文件无效或错误

配置项为 .build-config.json

1.main 单个页面入口文件名 默认值main 实际为 main.js,

2.vertion 生产环境路径的版本号 默认无 示例 v1.0.0

3.baseEntryDir 入口的基目录 默认值pages 示例pages

3.openBrowser 是否自动打开浏览器 默认值true true为自动打开欢迎页

4.示例页面初始入口为 开启服务后自动起吊默认浏览器 
	http://127.0.0.1:8888/pages/welcome/index.html

启动开发服务 npm start

1.npm启动开发 package.json中scripts加入 "start" : "node ./启动文件"

3.如果没有安装开发相关依赖则退出并提醒安装

4.可以默认执行安装命令,需要临时修改npm包地址 防止天朝毙掉
	npm i --registry=https://registry.npm.taobao.org 

5.默认访问端口为8888  启动命令加 -- -p 端口号修改监听端口

6.1000 以下端口需要超级权限加sudo

postcss.config


## 生产环境构建 npm run build
    
    1.产出目录为dest/加版本号

    2.不支持部署组件部分需要手动上传线上CDN 或 服务器

## 代码检查
	
	1.git commit和 push会执行代码检查 需要预先安装 git

    // npm 包镜像 --registry=https://registry.npmjs.org/