{"id":16117702,"url":"https://github.com/nikbabchenko/image-resizer-website","last_synced_at":"2026-01-20T20:11:15.586Z","repository":{"id":121320605,"uuid":"150989550","full_name":"nikbabchenko/image-resizer-website","owner":"nikbabchenko","description":null,"archived":false,"fork":false,"pushed_at":"2018-10-01T18:55:18.000Z","size":19429,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-06T09:28:39.564Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/nikbabchenko.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"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":"2018-09-30T17:31:27.000Z","updated_at":"2018-10-01T18:55:19.000Z","dependencies_parsed_at":null,"dependency_job_id":"4206710e-b25b-4970-8b36-7cccecaa3039","html_url":"https://github.com/nikbabchenko/image-resizer-website","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/nikbabchenko/image-resizer-website","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nikbabchenko%2Fimage-resizer-website","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nikbabchenko%2Fimage-resizer-website/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nikbabchenko%2Fimage-resizer-website/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nikbabchenko%2Fimage-resizer-website/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nikbabchenko","download_url":"https://codeload.github.com/nikbabchenko/image-resizer-website/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nikbabchenko%2Fimage-resizer-website/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28612162,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-20T18:56:40.769Z","status":"ssl_error","status_checked_at":"2026-01-20T18:54:26.653Z","response_time":117,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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-09T20:46:26.398Z","updated_at":"2026-01-20T20:11:15.559Z","avatar_url":"https://github.com/nikbabchenko.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Webpack Jedi - Webpack Sass/ES6/Pug (optional - on branch `jade`)\n\nLight and strong webpack sass pug es6 boilerplate\n\nPerfectly works for small projects with many pages and modern tech.\nFast start for your project.\n\nAdded `slick` and `jQuery` in demostration puprposes.\nReally hope you will not need them.\n\n## What works for you there\n* [Webpack 3](https://webpack.js.org/guides/getting-started/)\n  * [tree-shaking](https://webpack.js.org/guides/tree-shaking/)\n  * [file-loader](https://github.com/webpack-contrib/file-loader)\n\n\n### Additional\n* [Babel](https://babeljs.io/) - *Use next generation JavaScript, today.*\n* [BrowserSync](https://www.browsersync.io/) - *Time-saving synchronised browser testing.* (Optional)\n  * Tunnel - *Make your website online through a random Public URL*\n* [ESLint](http://eslint.org/) - *The pluggable linting utility for JavaScript and JSX*\n* [PUG](https://pugjs.org/api/getting-started.html) - *Temlate engine* (branch - *jade*)\n* [Autoprefixer](https://autoprefixer.github.io) - Works with your sass well\n\n## Don't hesitate to make pull request\n![jedi](https://drive.google.com/uc?id=1pKxuokh_XEmkA3-Pdb3HOvrqPVMHWkPN)\n\n## How to Add Multiple files\nThis boilerplate is set for only 1 page: `index.html` but is easy to add more pages. You just need to add the HTML and JS files to `config/webpack.config.js`:\n\n### Add HTML file\n```js\n// YOUR PROJECT PAGES\nnew HtmlWebpackPlugin({\n    chunks: ['index'], // where it is reading the JS files from\n    template: './index.html', // location of the HTML file\n}),\n```\n\nTo add a Page, add a new instance of `HtmlWebpackPlugin` and create your HTML file. In this case the file is at `./pages/my-page.html`.\n\n```js\nnew HtmlWebpackPlugin({\n    chunks: ['index'],\n    template: './index.html',\n}),\nnew HtmlWebpackPlugin({\n    chunks: ['my-page'],\n    template: './pages/my-page.html',\n}),\n```\n\n### Add JS file\n`chunks: ['my-page']` refers to the key of your JS file entry point (`line 26`). There you set the entry points for your project. Each entry point is a JS file.\n\nJust add a new entry-point with the same name as the `chunks` value used on the step before.\n\n```js\nentry: {\n    'index': './index.js',\n    'my-page': './my-page.js',\n},\n```\n\nJedi work will start from http://localhost:3001\n\n### Different HTML Files, same JS file\nYou also can have HTML files that use the same JS file:\n```js\nnew HtmlWebpackPlugin({\n    chunks: ['index'],\n    template: './index.html',\n}),\nnew HtmlWebpackPlugin({\n    chunks: ['index'], // read from the same entry point as `index.html`\n    template: './my-page.html',\n}),\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnikbabchenko%2Fimage-resizer-website","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnikbabchenko%2Fimage-resizer-website","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnikbabchenko%2Fimage-resizer-website/lists"}