{"id":16965149,"url":"https://github.com/gregswindle/webpack-spike","last_synced_at":"2026-04-16T04:32:59.263Z","repository":{"id":90405249,"uuid":"114073946","full_name":"gregswindle/webpack-spike","owner":"gregswindle","description":"A sample webpack demo.","archived":false,"fork":false,"pushed_at":"2018-01-09T05:51:39.000Z","size":115,"stargazers_count":0,"open_issues_count":2,"forks_count":0,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-03-21T17:34:03.204Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/gregswindle.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-12-13T04:30:31.000Z","updated_at":"2017-12-13T04:34:23.000Z","dependencies_parsed_at":"2024-01-09T14:05:06.949Z","dependency_job_id":null,"html_url":"https://github.com/gregswindle/webpack-spike","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/gregswindle/webpack-spike","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gregswindle%2Fwebpack-spike","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gregswindle%2Fwebpack-spike/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gregswindle%2Fwebpack-spike/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gregswindle%2Fwebpack-spike/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gregswindle","download_url":"https://codeload.github.com/gregswindle/webpack-spike/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gregswindle%2Fwebpack-spike/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31871640,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-15T15:24:51.572Z","status":"online","status_checked_at":"2026-04-16T02:00:06.042Z","response_time":69,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":[],"created_at":"2024-10-13T23:45:09.695Z","updated_at":"2026-04-16T04:32:59.247Z","avatar_url":"https://github.com/gregswindle.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# `webpack-spike`\n\u003e A sample webpack spike to evaluate frontend tools that optimize our build-test-deploy workflows and increase time-to-value.\n\n## Table of contents\n\u003c!-- ⛔️ AUTO-GENERATED-CONTENT:START (TOC:excludeText=Table of contents) --\u003e\n- [Overview](#overview)\n- [Installation](#installation)\n- [Configuration](#configuration)\n- [Usage](#usage)\n- [Background](#background)\n- [Semantic version and `CHANGELOG`](#semantic-version-and-changelog)\n- [Contributing](#contributing)\n- [License](#license)\n\u003c!-- ⛔️ AUTO-GENERATED-CONTENT:END --\u003e\n\n## Overview of tools\n\u003e **:ballot_box_with_check: I recommend we try Poi.**\n\n* [Poi](https://poi.js.org/#/home) is a configuration-free CLI that automatically enables builds optimized and minified apps with:\n  - Transpilation and bundling (with webpack and babel/postcss)\n  - Hot code reloading\n  - Files in ./static are copied to dist folder, eg. static/favicon.ico to dist/favicon.ico\n  - Vue JSX component support by default with `babel-preset-vue-app`\n  - Code-splitting\n  - Polyfills (if required)\n  - Webpack support\n  - Custom HTML output with the `html-webpack-plugin`\n* [Results for js web frameworks benchmark - round 6](http://www.stefankrause.net/js-frameworks-benchmark6/webdriver-ts-results/table.html). Use this to compare Vue and React.\n* [Vue.js: Single File Components](https://vuejs.org/v2/guide/single-file-components.html)\n* [webpack: Getting Started](https://webpack.js.org/guides/getting-started/)\n* [webpack: GitHub](https://github.com/webpack/webpack)\n\n## Installation\n\n__Prerequisite software__\n\n`webpack-spike` is written in Node.js, which must be installed prior to use.\n\n```shell\n$ npm i https://github.com/gregswindle/webpack-spike.git\n$ cd webpack-spike\n$ npm install\n```\n\n## Configuration\n\nView [webpack.config.js](webpack.config.js) for configuration details.\n\n## Usage\n\nOpen a Terminal, navigate to the `webpack-spike` directory, and run:\n\n```\n$ npm run build\n```\n\nThis executes the following workflow:\n\n 1. Clean the target/output directory\n\n    :arrow_down:\n\n 1. Bundle source files\n\n    :arrow_down:\n\n 1. Creates target directories and files.\n\n    :arrow_down:\n\n 1. Generates an entry HTML with JavaScript and CSS loaders.\n\n  ```bash\n  $ npm run build\n\n  \u003e webpack-spike@1.0.0 build /Users/swindle/Projects/github/gregswindle/webpack-spike\n  \u003e webpack\n\n  clean-webpack-plugin: /Users/swindle/Projects/github/gregswindle/webpack-spike/frontend-templates/target has been removed.\n  Hash: 4ee65a656f52f8cd9522\n  Version: webpack 3.10.0\n  Time: 1093ms\n            Asset       Size  Chunks                    Chunk Names\n    app.bundle.js     544 kB       0  [emitted]  [big]  app\n  print.bundle.js    2.52 kB       1  [emitted]         print\n       index.html  254 bytes          [emitted]\n     [0] ./frontend-templates/src/main/resources/themes/c2b/default-theme/js/index.js 264 bytes {0} [built]\n     [2] (webpack)/buildin/global.js 509 bytes {0} [built]\n     [3] (webpack)/buildin/module.js 517 bytes {0} [built]\n     [4] ./frontend-templates/src/main/resources/themes/c2b/default-theme/js/print.js 13 bytes {1} [built]\n      + 1 hidden module\n  Child html-webpack-plugin for \"index.html\":\n       1 asset\n         [2] (webpack)/buildin/global.js 509 bytes {0} [built]\n         [3] (webpack)/buildin/module.js 517 bytes {0} [built]\n          + 2 hidden modules\n  ```\n\nTo view the generated HTML file, run the following command in your Terminal:\n\n```bash\n$ open frontend-templates/target/main/resources/themes/c2b/default-theme/js/index.html\n```\n\n## Background\n\nModern MPAs and SPAs use linters, bundlers, and minifiers in order to quickly and efficiently serve backward-compatible and accessible content on multiple browsers.\n\n## Semantic version and `CHANGELOG`\n\nThe latest version of `webpack-spike` is `0.0.0`. View the [`CHANGELOG`][changelog-url] for details.\n\n## Contributing\n\n[![Learn how to make a Pull Request with free training][prs-welcome-badge-image]][prs-welcome-url] We welcome contributions with [Pull Requests (PRs)][prs-welcome-url]!\n\n**[:four_leaf_clover: Read the CONTRIBUTING guidelines to get started. :four_leaf_clover:][contributing-url]**\n\n---\n\nContributions in the form of GitHub pull requests are welcome. Before embarking on a significant change, please adhere to the following guidelines:\n\n  1. **[Create an issue][issues-url]**\u0026mdash;e.g., a [defect (\"bug\") report][issues-new-defect-url] or a [feature request][issues-new-feat-url]\u0026mdash;to propose changes.\n\n  _Exceptions:_\n  \u003e If you're working on documentation and fixing something simple like a typo or an easy bug, go ahead and make a pull request.\n\n  1. **[Follow the CONTRIBUTING guidelines][contributing-url].**\n\n     _Why:_\n     \u003e Standards and guidelines make communication easier. If you're willing and able to program\u0026mdash;or want to learn how\u0026mdash; following the guidelines will increase the likelihood of adding your changes to the software product.\n\n  1. **[Read the Code of Conduct][code-of-conduct-url].**\n\n     _Why:_\n     \u003e It's more fun when everybody's friendly and respectful.\n\n  1. **[Make a pull request][pulls-url]** when you're ready for other to review your changes (or you get stuck somewhere).\n\n     _PR novices:_\n     \u003e **:raising_hand: Never created a pull request?** No problem. [:free: Take this free online training][prs-welcome-url]. (It even covers most of the conventions in the [CONTRIBUTING guidelines][contributing-url]!)\n\n## License\n\n[MIT][license-url] © [Greg Swindle][author-url].\n\n\n\n\n\u003c!-- ⛔️ 📝 NOTE: PLEASE ALPHABETIZE LINK REFERENCES. 📝 ⛔️ --\u003e\n\n[author-url]: https://github.com/gregswindle\n[changelog-url]: ./CHANGELOG.md\n[license-choose-url]: https://choosealicense.com/\n[license-no-license-url]: https://choosealicense.com/no-license/\n[license-unlicense-url]: https://choosealicense.com/licenses/#unlicense\n[code-of-conduct-url]: ./CODE_OF_CONDUCT.md\n[contributing-url]: ./CONTRIBUTING.md\n[issues-new-defect-url]: /gregswindle/webpack-spike.git/issues/new?title=fix%28affected-scope%29%3A+subject-line-with-very-few-words\u0026labels=Priority%3A+Medium%2CStatus%3A+Review+Needed%2CType%3A+Defect\u0026body=%2A%2A%F0%9F%92%A1+TIP%3A%2A%2A+Select+the+%E2%86%96%EF%B8%8E%E2%8E%BE+Preview+%E2%8F%8B+Tab+above+help+read+these+instructions.%0D%0A%0D%0A%23%23+1.+Issue+type%0D%0A%3E%E2%8C%A6+Type+the+letter+%22x%22+in+the+%22checkbox%22+the+best+describe+this+issue.%0D%0A%0D%0A-+%5Bx%5D+__Feature%3A__+I%27m+requesting+a+product+enhancement.%0D%0A%0D%0A%23%23+2.+User+story+summary%0D%0A%3E%E2%8C%A6+Describe+what+you+want+to+accomplish%2C+in+what+role%2Fcapacity%2C+and+why+it%27s+important+to+you.%0D%0A%0D%0A%3E+__EXAMPLE%3A__%0D%0A%3E+As+a+Applicant%2C%0D%0A%3E+I+want+to+submit+my+resume%0D%0A%3E+In+order+to+be+considered+for+a+job+opening.%0D%0A%0D%0AAs+a+%7Brole%7D%2C%0D%0AI+must%2Fneed%2Fwant%2Fshould+%7Bdo+something%7D%0D%0AIn+order+to+%7Bachieve+value%7D.%0D%0A%0D%0A%23%23+3.+Acceptance+criteria%0D%0A%3E%E2%8C%A6+Replace+the+examples+below+with+your+own+imperative%2C+%22true%2Ffalse%22+statements+for+the+__behavior+you+expect__+to+see%2C+or+the+behavior+that+__would__+be+true+if+there+were+no+errors+%28for+defects%29.%0D%0A%0D%0A-+%5B+%5D+1.+Job+Applicants+receive+a+confirmation+email+after+they+submit+their+resumes.%0D%0A-+%5B+%5D+2.+An+Applicant%27s+resume+information+isn%27t+lost+when+errors+occur.%0D%0A-+%5B+%5D+3.+%7Bcriterion-three%7D%0D%0A-+%5B+%5D+4.+%7Bcriterion-four%7D%0D%0A%0D%0A%3C%21--+%E2%9B%94%EF%B8%8F++Do+not+remove+anything+below+this+comment.+%E2%9B%94%EF%B8%8F++--%3E%0D%0A%5Bicon-info-image%5D%3A+..%2Fdocs%2Fimg%2Ficons8%2Ficon-info-50.png%0D%0A\n[issues-new-feat-url]: /gregswindle/webpack-spike.git/issues/new?title=feat%28affected-scope%29%3A+subject-line-with-very-few-words\u0026labels=Priority%3A+Medium%2CStatus%3A+Review+Needed%2CType%3A+Feature\u0026body=%2A%2A%F0%9F%92%A1+TIP%3A%2A%2A+Select+the+%E2%86%96%EF%B8%8E%E2%8E%BE+Preview+%E2%8F%8B+Tab+above+help+read+these+instructions.%0D%0A%0D%0A%23%23+1.+Issue+type%0D%0A%3E%E2%8C%A6+Type+the+letter+%22x%22+in+the+%22checkbox%22+the+best+describe+this+issue.%0D%0A%0D%0A-+%5Bx%5D+__Feature%3A__+I%27m+requesting+a+product+enhancement.%0D%0A%0D%0A%23%23+2.+User+story+summary%0D%0A%3E%E2%8C%A6+Describe+what+you+want+to+accomplish%2C+in+what+role%2Fcapacity%2C+and+why+it%27s+important+to+you.%0D%0A%0D%0A%3E+__EXAMPLE%3A__%0D%0A%3E+As+a+Applicant%2C%0D%0A%3E+I+want+to+submit+my+resume%0D%0A%3E+In+order+to+be+considered+for+a+job+opening.%0D%0A%0D%0AAs+a+%7Brole%7D%2C%0D%0AI+must%2Fneed%2Fwant%2Fshould+%7Bdo+something%7D%0D%0AIn+order+to+%7Bachieve+value%7D.%0D%0A%0D%0A%23%23+3.+Acceptance+criteria%0D%0A%3E%E2%8C%A6+Replace+the+examples+below+with+your+own+imperative%2C+%22true%2Ffalse%22+statements+for+the+__behavior+you+expect__+to+see%2C+or+the+behavior+that+__would__+be+true+if+there+were+no+errors+%28for+defects%29.%0D%0A%0D%0A-+%5B+%5D+1.+Job+Applicants+receive+a+confirmation+email+after+they+submit+their+resumes.%0D%0A-+%5B+%5D+2.+An+Applicant%27s+resume+information+isn%27t+lost+when+errors+occur.%0D%0A-+%5B+%5D+3.+%7Bcriterion-three%7D%0D%0A-+%5B+%5D+4.+%7Bcriterion-four%7D%0D%0A%0D%0A%3C%21--+%E2%9B%94%EF%B8%8F++Do+not+remove+anything+below+this+comment.+%E2%9B%94%EF%B8%8F++--%3E%0D%0A%5Bicon-info-image%5D%3A+..%2Fdocs%2Fimg%2Ficons8%2Ficon-info-50.png%0D%0A\n[issues-url]: /gregswindle/webpack-spike.git/issues\n[license-url]: ./LICENSE\n[nodejs-url]: https://nodejs.org\n[npmjs-url]: https://www.npmjs.com/\n[prs-welcome-badge-image]: https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square\n[prs-welcome-url]: http://makeapullrequest.com\n[pulls-url]: /gregswindle/webpack-spike.git/pulls\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgregswindle%2Fwebpack-spike","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgregswindle%2Fwebpack-spike","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgregswindle%2Fwebpack-spike/lists"}