{"id":15207102,"url":"https://github.com/z0al/minipack","last_synced_at":"2025-10-02T23:35:42.590Z","repository":{"id":97603454,"uuid":"101998627","full_name":"z0al/minipack","owner":"z0al","description":"An interactive webpack-based playground for the modern web ツ","archived":true,"fork":false,"pushed_at":"2017-11-25T11:32:55.000Z","size":477,"stargazers_count":0,"open_issues_count":2,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-20T00:39:28.854Z","etag":null,"topics":["babeljs","cssnext","html5","playground","webpack","webpack-plugin"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/z0al.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-08-31T12:31:10.000Z","updated_at":"2023-01-30T22:04:19.000Z","dependencies_parsed_at":null,"dependency_job_id":"b9898b95-6965-4c30-a8cb-035ea6677e5e","html_url":"https://github.com/z0al/minipack","commit_stats":{"total_commits":137,"total_committers":1,"mean_commits":137.0,"dds":0.0,"last_synced_commit":"ea203635b953bc6c403f8106cb3ebc0a91d81c77"},"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/z0al%2Fminipack","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/z0al%2Fminipack/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/z0al%2Fminipack/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/z0al%2Fminipack/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/z0al","download_url":"https://codeload.github.com/z0al/minipack/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":235051571,"owners_count":18928185,"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":["babeljs","cssnext","html5","playground","webpack","webpack-plugin"],"created_at":"2024-09-28T06:21:59.986Z","updated_at":"2025-10-02T23:35:42.183Z","avatar_url":"https://github.com/z0al.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n  \u003cimg width=\"128\" height=\"128\"\n    src=\"./logo.svg\"\u003e\n  \u003ch1\u003eMinipack\u003c/h1\u003e\n  \u003cp\u003eA webpack-based, local playground for the modern web technologies.\u003c/p\u003e\n  \n  \u003ca href=\"https://npm.im/@glitchapp/cli\"\u003e\n    \u003cimg src=\"https://img.shields.io/npm/v/minipack.svg?style=flat-square\" \u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://travis-ci.org/glitchapp/glitch\"\u003e\n    \u003cimg src=\"https://img.shields.io/travis/ahmed-taj/minipack.svg?style=flat-square\" \u003e\n  \u003c/a\u003e\n  \u003ca href=\"#contributors\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/all_contributors-1-orange.svg?style=flat-square\" \u003e\n  \u003c/a\u003e\n  \u003ca href=\"./LICENSE\"\u003e\n    \u003cimg src=\"https://img.shields.io/npm/l/minipack.svg?style=flat-square\"\u003e\n  \u003c/a\u003e\n\u003c/div\u003e\n\n\u003e **NOTE:** This project is currently in beta, if you find any issues please report it [here](https://github.com/ahmed-taj/minipack/issues)\n\n\n## How it works\n\nInternally, the playground is just a set of [webpack](https://webpack.js.org) plugins/loaders. We use the same, good, official webpack-dev-server to serve the final JavaScript bundle.\n\nIt works by walking through the current directory contents to determine suitable entry point files for webpack. An entry point file can be:\n\n#### 1. index.[ext]: \n\nUsed to customize the HTML output (it will be transpiled if necessary). \n\n**Example:**\n\n```HTML\n\u003c!-- index.html --\u003e\n\u003cdiv id=\"root\"\u003e\u003c/div\u003e\n```\n\n#### 2. app.[ext]:\n\nUsed as a start point for your JavaScript (it will be transpiled if necessary) \ncode, you should import all your scripts here.\n\n**Example:**\n\n```JavaScript\n// app.js\nconsole.log('Hello world');\n```\n\n#### 3. style.[ext]:\n\nUsed as a start point for your stylesheets (it will be transpiled if necessary). \nYou should import all your other styles here. Otherwise, you need import them in\nyour `app.[ext]` as you would normally do when using webpack.\n\n**Example:**\n\n```CSS\n/* style.css */\nbody {\n  color: green;\n}\n```\n\nYou can think of these entry points as the HTML/CSS/JS tabs you would see in any\nonline playground such as [Codepen](https://codepen.io), [JSFiddle](https://jsfiddle.net/).\nAll of these files are optional.\n\n### Extensions mapping\n\nWe use the file extensions as a source of truth in order to determine whether we need to perform transpilation or not.\n\n| Extensions    | Loader                                                        | Notes                                               |\n| :------------ | :------------------------------------------------------------ | :-------------------------------------------------- |\n| **js,jsx,es** | [babel-loader](https://github.com/babel/babel-loader)         | Using `preset-env` and `preset-react`               |\n| **html**      | [html-loader](https://github.com/webpack-contrib/html-loader) |                                                     |\n| **css**       | [css-loader](https://github.com/webpack-contrib/css-loader)   | In addition to `postcss-cssnext` and `autoprefixer` |\n\n## Installation\n\n```sh\n$ npm install -g minipack\n```\n\n## Usage\n\n```\nUsage:  mini [command] [options]\n\nCommands:\n  start [options]  Start a dev server in the current path\n\nOptions:\n  --version  Show version number                                       [boolean]\n  --help     Show help                                                 [boolean]\n\nIf you have any problems, do not hesitate to file an issue:\n  https://github.com/glitchapp/glitch/issues/new\n\n```\n\n## Prerequisites\n\n* **Node.js:** v8.4.0 (or later)\n* **npm:** v5.4.0 (or later)\n\n## Contributing\n\nWe value and appreciate your help, please read [CONTRIBUTING.md](./CONTRIBUTING.md) for details on our code of conduct, and the process for submitting pull requests to us.\n\n## Contributors\n\nThanks goes to these wonderful people ([emoji key](https://github.com/kentcdodds/all-contributors#emoji-key)):\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section --\u003e\n| [\u003cimg src=\"https://avatars1.githubusercontent.com/u/12673605?v=4\" width=\"100px;\"/\u003e\u003cbr /\u003e\u003csub\u003eAhmed T. Ali\u003c/sub\u003e](https://github.com/ahmed-taj)\u003cbr /\u003e[📝](#blog-ahmed-taj \"Blogposts\") [💻](https://github.com/glitchapp/glitch/commits?author=ahmed-taj \"Code\") [🎨](#design-ahmed-taj \"Design\") [📖](https://github.com/glitchapp/glitch/commits?author=ahmed-taj \"Documentation\") [🤔](#ideas-ahmed-taj \"Ideas, Planning, \u0026 Feedback\") [🔌](#plugin-ahmed-taj \"Plugin/utility libraries\") [👀](#review-ahmed-taj \"Reviewed Pull Requests\") [⚠️](https://github.com/glitchapp/glitch/commits?author=ahmed-taj \"Tests\") |\n| :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |\n\u003c!-- ALL-CONTRIBUTORS-LIST:END --\u003e\n\nThis project follows the [all-contributors](https://github.com/kentcdodds/all-contributors) specification. Contributions of any kind welcome!\n\n## Acknowledgments\n\nInspired by the awesome work of Facebook in their [create-react-app](https://github.com/facebookincubator/create-react-app) package.\n\nThis project would not have been possible without these great projects:\n\n* [Node.js](https://nodejs.org)\n* [webpack](https://webpack.js.org)\n* [webpack-dev-server](https://github.com/webpack/webpack-dev-server)\n\n## License\n\nThis project is licensed under the [MIT License](./LICENSE) terms\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fz0al%2Fminipack","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fz0al%2Fminipack","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fz0al%2Fminipack/lists"}