{"id":20252124,"url":"https://github.com/porobertdev/webpack-es6modules-practice","last_synced_at":"2025-03-03T16:41:56.151Z","repository":{"id":223419319,"uuid":"760266233","full_name":"porobertdev/webpack-es6modules-practice","owner":"porobertdev","description":null,"archived":false,"fork":false,"pushed_at":"2024-02-25T16:38:55.000Z","size":6752,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-14T03:09:22.813Z","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":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/porobertdev.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}},"created_at":"2024-02-20T05:04:03.000Z","updated_at":"2024-02-20T05:20:55.000Z","dependencies_parsed_at":"2024-02-24T16:46:00.762Z","dependency_job_id":null,"html_url":"https://github.com/porobertdev/webpack-es6modules-practice","commit_stats":null,"previous_names":["porobertdev/webpack-es6modules-practice"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/porobertdev%2Fwebpack-es6modules-practice","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/porobertdev%2Fwebpack-es6modules-practice/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/porobertdev%2Fwebpack-es6modules-practice/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/porobertdev%2Fwebpack-es6modules-practice/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/porobertdev","download_url":"https://codeload.github.com/porobertdev/webpack-es6modules-practice/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241703013,"owners_count":20006087,"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-14T10:14:40.683Z","updated_at":"2025-03-03T16:41:56.132Z","avatar_url":"https://github.com/porobertdev.png","language":"JavaScript","readme":"# webpack-es6modules-practice\n\n## About\n\nI'm learning about Webpack and ES6 Modules from [The Odin Project](https://www.theodinproject.com/lessons/node-path-javascript-es6-modules), and started this while following the official tutorial from Webpack, then I did some extra stuff to practice more, specifically the constructors module.\n\n## File Structure\n\n```\nwebpack-es6modules-practice\n├─ dist\n│  ├─ index.html\n│  ├─ main.js\n│  └─ main.js.LICENSE.txt\n├─ src\n│  ├─ constructors.js\n│  ├─ functionOne.js\n│  ├─ index.js\n│  └─ myName.js\n├─ README.md\n├─ package-lock.json\n├─ package.json\n└─ webpack.config.js\n```\n\n**`dist`**: distribution folder aka public, holding the bundled js file built by Webpack.\n\n**`src`**: the source code of the project\n\n**`package.json`**: file generated by `npm init -y` and updated after installing modules with `npm install moduleName --save / --save-dev`. It also holds npm scripts.\n\n**`package-lock.json`**: same, but has more information about the specific versions of modules and their dependencies\n\n**`webpack.config.js`**: custom config that can be used to tell Webpack which files to use as entry points, the output dir and file name etc.\n\n## How To Use\n\nSimply run `npm install` and open `dist/index.html`, then check the console. If you make changes, then run `npx webpack` or `npm run build` (`build` script from `package-lock.json`). Additionally, `npm run watch` will automatically build and run the new code as you make changes.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fporobertdev%2Fwebpack-es6modules-practice","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fporobertdev%2Fwebpack-es6modules-practice","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fporobertdev%2Fwebpack-es6modules-practice/lists"}