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

mywebpack

v0.2.0

Published

My webpack integrated CLI for multi-entries and collaborative projects

Vulnerabilities

Powered byPowered by Snyk
  • 0High
  • 0Medium
  • 0Low

Links

Git

Maintainers

thundernet8thundernet8

Keywords

Readme

MyWebpack

My webpack integrated CLI for multi-entries and collaborative projects.

npm version dependency status Build Status GitHub license code style: prettier

多入口 Webpack 项目集成开发工具链。

Features

  • [x] 初始化项目结构 CLI，提供从 yaml 定义自动生成 entries 文件
  • [x] 提供多个命令分别支持项目开发环境，编译以及测试或生产发布，提供 bundle 分析 功能
  • [x] 开发环境，提供自动编译功能：根据访问的页面自动编译需要的 entry 相关代码， 按需编译，加快开发编译等待时间
  • [x] 编译 bundles，可指定将常用的venders库打包为dll bundle，其他页面逻辑代 码打包为[entryName].[contentHash]对应的 bundle，最小化文件改动，最大化利 用资源缓存
  • [x] 发布文件，支持多选或全选 entries 进行发布，按需发布，加快发布速度，并自动 推送至指定的部署仓库，实现持续集成和交付
  • [x] 代码格式化，集成Prettier，统一协作开发者提交的代码风格

Install

npm add mywebpack -g

or

yarn global add mywebpack

Usage

  • 初始化
mpk init
  • 生成 entries
mpk gen
  • 开发
mpk start
  • 编译
mpk build
  • 分析
mpk analyze
  • 格式化
mpk pretty
  • 发布
mpk publish

请定义项目根目录的mpk.config.js

Notes

  • React+TypeScript+LESS/SASS/CSS 栈
  • 默认会查找与 entry 同名的 html 模板文件，不存在则会使用 index.html
  • 项目初始化的结构src/assets/styles/global文件夹下的样式文件不会应用CSS Module，其他地方引用样式会应用CSS Module解析
  • 配置文件中webpack配置项可配置externals与resolve
  • Bundle analyzer会使用开发相同的devHost, dll bundles使用devPort+1 端口 ，其他bundles使用devPort+2 端口

License

MyWebpack is freely distributable under the terms of the MIT license.

FOSSA Status