{"id":21195087,"url":"https://github.com/diglopes/using-webpack","last_synced_at":"2025-03-14T21:34:48.236Z","repository":{"id":39382280,"uuid":"208587302","full_name":"diglopes/using-webpack","owner":"diglopes","description":":books: Just a simple repository to register my learning about Webpack.","archived":false,"fork":false,"pushed_at":"2022-12-11T06:08:54.000Z","size":1123,"stargazers_count":0,"open_issues_count":23,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-21T14:14:11.262Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","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/diglopes.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-09-15T11:59:12.000Z","updated_at":"2019-09-17T17:55:21.000Z","dependencies_parsed_at":"2023-01-26T17:02:24.841Z","dependency_job_id":null,"html_url":"https://github.com/diglopes/using-webpack","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/diglopes%2Fusing-webpack","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/diglopes%2Fusing-webpack/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/diglopes%2Fusing-webpack/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/diglopes%2Fusing-webpack/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/diglopes","download_url":"https://codeload.github.com/diglopes/using-webpack/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243650356,"owners_count":20325278,"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":[],"created_at":"2024-11-20T19:26:01.465Z","updated_at":"2025-03-14T21:34:48.207Z","avatar_url":"https://github.com/diglopes.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Using Webpack\n\nThis repository contains a simples web application that gonna be bundled with **Webpack**. The main target in this project is to see how webpack works and learn how to use its features together with another plugins and loaders.\n\n## Necessary packages\n\n- webpack\n- webpack-cli\n- webpack-dev-server ( provides a live reload )\n- webpack-merge ( merge configuration objects )\n\n## Plugins and loaders used\n\n| Name                               | What does it do                                                                             |\n| ---------------------------------- | ------------------------------------------------------------------------------------------- |\n| css-loader                         | interprets @import and url() like import/require() and will resolve them                    |\n| style-loader                       | Inject CSS into the DOM                                                                     |\n| sass-loader                        | loads a Sass/SCSS file and compiles it to CSS                                               |\n| HtmlWebpackPlugin                  | simplifies creation of HTML files to serve your bundles                                     |\n| HtmlWebpackPlugin                  | simplifies creation of HTML files to serve your bundles                                     |\n| html-loader                        | exports HTML as string                                                                      |\n| html-loader                        | exports HTML as string                                                                      |\n| mini-css-extract-plugin            | creates a CSS file per JS file which contains CSS                                           |\n| optimize-css-assets-webpack-plugin | optimize/minimize CSS assets                                                                |\n| file-loader                        | resolves import/require() on a file into a url and emits the file into the output directory |\n\n## How to run\n\nInstall the dependencies\n\n```\nnpm install\nor\nyarn install\n```\n\nDevelopment mode\n\n```\nnpm start\nor\nyarn start\n```\n\nGenerate a production build\n\n```\nnpm run build\nor\nyarn build\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdiglopes%2Fusing-webpack","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdiglopes%2Fusing-webpack","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdiglopes%2Fusing-webpack/lists"}