{"id":20829907,"url":"https://github.com/acharayap03/webpack-configuration","last_synced_at":"2026-04-30T19:31:30.839Z","repository":{"id":39228170,"uuid":"240823550","full_name":"acharayaP03/Webpack-Configuration","owner":"acharayaP03","description":"A complete webpack set up for any project. You can directly clone and make necessary changes for  your vanilla js project","archived":false,"fork":false,"pushed_at":"2023-01-01T16:31:29.000Z","size":8069,"stargazers_count":1,"open_issues_count":25,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-06-08T14:42:43.280Z","etag":null,"topics":["webpack"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/acharayaP03.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}},"created_at":"2020-02-16T03:13:15.000Z","updated_at":"2023-01-15T00:47:36.000Z","dependencies_parsed_at":"2023-01-31T23:46:23.737Z","dependency_job_id":null,"html_url":"https://github.com/acharayaP03/Webpack-Configuration","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/acharayaP03/Webpack-Configuration","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/acharayaP03%2FWebpack-Configuration","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/acharayaP03%2FWebpack-Configuration/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/acharayaP03%2FWebpack-Configuration/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/acharayaP03%2FWebpack-Configuration/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/acharayaP03","download_url":"https://codeload.github.com/acharayaP03/Webpack-Configuration/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/acharayaP03%2FWebpack-Configuration/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32475191,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-30T13:12:12.517Z","status":"ssl_error","status_checked_at":"2026-04-30T13:12:06.837Z","response_time":57,"last_error":"SSL_read: 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":["webpack"],"created_at":"2024-11-17T23:22:30.184Z","updated_at":"2026-04-30T19:31:30.822Z","avatar_url":"https://github.com/acharayaP03.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![Webpack image](https://images.ctfassets.net/nj2caiz7hkjw/3VoFdDTP5SowwESKIOAgm/a111ddd784928b61045c8e811e1769be/webpack.png?fm=webp)\n\n# Webpack-Configuration\n  A complete webpack set up for any project\n\nInstall all Dependencies \n\n --[ webpack, webpack cli ]\n \n --[ Loaders - style loader, css loader, sass loader and node sass as a sass dependencies, and file loader for the images ]\n \n -- [Plugins - Html webpack plugins for to generate html template which will dynamically add script file that contains the unique hash, please see output-\u003e filename -\u003e bundle.[contenthash]\n .js. This allows us to bust caching issue and will generate unique file eveytime the content is changed.]\n \n -- [Set mode to 'development' and devtool to none so that we can see how our code is added to the bundle ]\n \n -- [ Here we have split the config.js file into three seperate .dev.js and .prod.js where rules will be shared from .config.js, webpack-merge will allow us to merge both of these to config.js. -\u003e npm instal --save-dev webpack-merge]\n \n \n# Add html-loader, file-loader, and clean-webpack-plugin\n\n- Added html-loader to automatically require the files we reference in img tags\n\n- Added file-loader to handle the svg,png,jpg,gif files from our images\n\n- Configured file-loader to add our images to an imgs directory in dist\n\n- Also configured it to add a hash to their filenames\n\n- Lastly, added clean-webpack-plugin to our production config to clean out the dist directory each time we build","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Facharayap03%2Fwebpack-configuration","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Facharayap03%2Fwebpack-configuration","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Facharayap03%2Fwebpack-configuration/lists"}