{"id":13596324,"url":"https://github.com/Auxpack/Auxpack","last_synced_at":"2025-04-09T16:32:17.239Z","repository":{"id":36435709,"uuid":"224491927","full_name":"Auxpack/Auxpack","owner":"Auxpack","description":"A dashboard for monitoring Webpack build stats.","archived":false,"fork":false,"pushed_at":"2023-01-07T12:24:31.000Z","size":3509,"stargazers_count":88,"open_issues_count":29,"forks_count":5,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-13T05:28:25.937Z","etag":null,"topics":["build","bundler","d3","expressjs","javascript","material-ui","nodejs","npm-module","optimization","reactjs","treeshaking","webpack","webpack-configuration","webpack-plugin"],"latest_commit_sha":null,"homepage":"http://auxpack.com/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Auxpack.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-11-27T18:20:48.000Z","updated_at":"2022-08-28T12:30:05.000Z","dependencies_parsed_at":"2023-01-17T01:27:22.943Z","dependency_job_id":null,"html_url":"https://github.com/Auxpack/Auxpack","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Auxpack%2FAuxpack","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Auxpack%2FAuxpack/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Auxpack%2FAuxpack/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Auxpack%2FAuxpack/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Auxpack","download_url":"https://codeload.github.com/Auxpack/Auxpack/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248067877,"owners_count":21042366,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["build","bundler","d3","expressjs","javascript","material-ui","nodejs","npm-module","optimization","reactjs","treeshaking","webpack","webpack-configuration","webpack-plugin"],"created_at":"2024-08-01T16:02:18.483Z","updated_at":"2025-04-09T16:32:12.227Z","avatar_url":"https://github.com/Auxpack.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"[中文](#中文翻译)\n\n# auxpack\n[![GitHub license](https://img.shields.io/github/license/Auxpack/Auxpack?style=flat-square)](https://github.com/Auxpack/Auxpack/blob/master/LICENSE)\n[![npm](https://img.shields.io/npm/v/auxpack?style=flat-square)](https://www.npmjs.com/package/auxpack)\n[![GitHub issues](https://img.shields.io/github/issues/Auxpack/Auxpack?style=flat-square)](https://github.com/Auxpack/Auxpack/issues)\n[![GitHub forks](https://img.shields.io/github/forks/Auxpack/Auxpack?style=flat-square)](https://github.com/Auxpack/Auxpack/network)\n[![npm](https://img.shields.io/npm/dw/auxpack?style=flat-square)](https://www.npmjs.com/package/auxpack)\n\n\nauxpack is the new configurable Webpack plugin that monitors statistics from your production builds. Our interactive interface allows developers to better understand bundle composition to get a better grasp on optimization strategies.\n\nhttp://auxpack.com\n\n![](whole.gif)\n\n## Installation\n\nInstall via `npm i -D auxpack`\n\n## Setup\n\n```javascript\n// webpack.config.js\n\nconst Auxpack = require('auxpack'); // import auxpack\n\nmodules.exports = [\n// other configurations\n  ... \n  plugins: [\n    ...\n    new Auxpack(  // add Auxpack into plugins\n      {\n        PORT: 1111, // configurable PORT\n        targetFile: 'aux-stats', // configurable output filename\n        logMe: true, // configure with true to console.log the current build's aux-stats\n      }\n    ),\n  ]\n  ...\n]\n\n```\n\n## Usage\n\nBy installing the plugin into your Webpack configuration, you can run \n```webpack```\nwithin your scripts as you would in production bundling, and our plugin will launch on port 1111. (or your chosen port in webpack.config.js)\n\nPlease note that collecting information on your first auxpack build may take a moment; this occurs due to our plugin collecting data.\n\n## Contributing\n\nTo contribute to `auxpack`, please fork this repository, clone it to your machine, then install dependencies with ```npm install auxpack``` or ```yarn add auxpack```. If you're interested in joining the auxpack team as a contributor, feel free to message one of us directly!\n\n## Authors\n\n* Connie Lai (https://github.com/connielion)\n* Nobuhide Ajito (https://github.com/najito)\n* Stephanie Chiu (https://github.com/stephkchiu)\n* Travis Clark (https://github.com/tm-clark)\n\n# webpack-monitor\n\nMany thanks to Webpack Monitor for passing the torch.\nhttps://github.com/webpackmonitor/webpackmonitor\n\n## License\n\nThis project is licensed under the MIT license - see the LICENSE.md file for details\n\n# 中文翻译\nauxpack是可配置的Webpack插件，用于监视生产版本中的统计信息。 我们的应用程序使开发人员可以更好地了解打包组成，从而更好地掌握优化策略。\n## 安装方式\n`npm i -D auxpack`\n## 设定\n在webpack.config.js里:\n```javascript\n// webpack.config.js\nconst Auxpack = require('auxpack'); // \u003c--- 引入auxpack\nmodules.exports = [\n// other configurations\n  ... \n  plugins: [\n    ...\n    new Auxpack(  // 向 plugins 属性传入 new 实例\n      {\n        PORT: 1111, \n        targetFile: 'aux-stats', // configurable output filename\n        logMe: true, // configure with true to console.log the current build's aux-stats\n      }\n    ),\n  ]\n  ...\n]\n```\n## 用法\nwebpack运行后我们的插件会在1111端口里运行。\n## 贡献\n请fork这个资源库, 把仓库克隆在您的计算机上创建本地副本，然后用```npm install auxpack``` 或 ```yarn add auxpack```\n下载依赖。如果您想加入我们的团队,请直接发讯息给我们。\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FAuxpack%2FAuxpack","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FAuxpack%2FAuxpack","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FAuxpack%2FAuxpack/lists"}