{"id":18086498,"url":"https://github.com/jugshaurya/webpack_eslint_babel","last_synced_at":"2026-05-18T19:02:22.852Z","repository":{"id":42813380,"uuid":"268739490","full_name":"jugshaurya/webpack_eslint_babel","owner":"jugshaurya","description":"A starter repo to add webpack, eslint, babel into youtr project","archived":false,"fork":false,"pushed_at":"2023-01-07T18:46:59.000Z","size":1024,"stargazers_count":0,"open_issues_count":14,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-06T00:44:21.914Z","etag":null,"topics":["babel"],"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/jugshaurya.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-06-02T08:06:40.000Z","updated_at":"2020-06-03T08:59:06.000Z","dependencies_parsed_at":"2023-02-07T21:16:43.770Z","dependency_job_id":null,"html_url":"https://github.com/jugshaurya/webpack_eslint_babel","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/jugshaurya/webpack_eslint_babel","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jugshaurya%2Fwebpack_eslint_babel","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jugshaurya%2Fwebpack_eslint_babel/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jugshaurya%2Fwebpack_eslint_babel/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jugshaurya%2Fwebpack_eslint_babel/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jugshaurya","download_url":"https://codeload.github.com/jugshaurya/webpack_eslint_babel/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jugshaurya%2Fwebpack_eslint_babel/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279011609,"owners_count":26084964,"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","status":"online","status_checked_at":"2025-10-12T02:00:06.719Z","response_time":53,"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":["babel"],"created_at":"2024-10-31T16:08:20.788Z","updated_at":"2025-10-12T14:47:28.096Z","avatar_url":"https://github.com/jugshaurya.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# webpack_eslint_babel_prettier\n\n- WebPack- 4\n- React 16\n- Redux\n- Prettier\n\n## How you Should be started ?\n\n- download the repo\n- add all the code to your repo\n- npm i\n- Everything Works! 😍\n\n## How I started ?\n\n- \\$ git init\n- \\$ touch .gitignore\n- \\$ npm init\n  #### webpack\n- \\$ npm i `webpack webpack-cli` -D\n- \\$ inside `package.json` add two scripts:\n\n  - \"build\": \"rm -rf dist \u0026\u0026 webpack\",\n  - \"dev\": \"rm -rf dist \u0026\u0026 webpack --mode development\"\n\n\u003e \u003e - Now you can build your app using npm run build and get a dist folder\n\u003e \u003e - To run it and see the output run node dist/main.js\n\n- \\$ `touch webpack.config.js` file to add more comfiguration to our webpack.\n\n  #### babel\n\n- \\$ npm i `@babel/cli` `@babel/core` `@babel/preset-env` `babel-loader` -D\n- add this to configure webpack with babel inside `webpack.config.js`:\n\n```js\nconst path = require(\"path\");\n\nmodule.exports = {\n  entry: \"./src/index.js\",\n  output: {\n    path: path.join(__dirname, \"dist\"),\n    filename: \"main.js\",\n  },\n  module: {\n    rules: [\n      {\n        test: /\\.(js|jsx|ts|tsx)$/,\n        exclude: /node_modules/,\n        use: {\n          loader: \"babel-loader\",\n          options: {\n            presets: [\"@babel/preset-env\"],\n          },\n        },\n      },\n    ],\n  },\n};\n```\n\n#### eslint - check all code for errors\n\n#### prettier - format our code\n\n## Notes:\n\n- By default npm scripts watch it out inside node_modules/.bin\n- webpack requires a `src folder` to pe present in your project\n\n\"webpack\": \"^4.29.3\",\n\"webpack-cli\": \"^3.2.3\",\n\"@babel/cli\": \"^7.2.3\",\n\"@babel/core\": \"^7.2.2\",\n\"@babel/preset-env\": \"^7.3.1\",\n\"babel-loader\": \"^8.0.5\",\n\"eslint\": \"^5.14.0\",\n\"eslint-config-prettier\": \"^4.0.0\",\n\"prettier\": \"^1.16.4\",\n\n##\n\n\"@babel/plugin-proposal-class-properties\": \"^7.3.3\",\n\"@babel/plugin-proposal-object-rest-spread\": \"^7.3.2\",\n\"@babel/preset-react\": \"^7.0.0\",\n\"babel-eslint\": \"^10.0.1\",\n\"babel-polyfill\": \"^6.26.0\",\n\n\"clean-webpack-plugin\": \"^1.0.1\",\n\"mini-css-extract-plugin\": \"^0.5.0\",\n\"html-webpack-plugin\": \"^3.2.0\",\n\"compression-webpack-plugin\": \"^2.0.0\",\n\"copy-webpack-plugin\": \"^4.6.0\",\n\n\"css-loader\": \"^2.1.0\",\n\"sass-loader\": \"^7.1.0\",\n\"html-loader\": \"^0.5.5\",\n\"url-loader\": \"^1.1.2\",\n\"node-sass\": \"^4.11.0\",\n\n\"dotenv-webpack\": \"^1.7.0\",\n\"webpack-dev-server\": \"^3.1.14\"\n\n\"eslint-cli\": \"^1.1.1\",\n\"eslint-config-airbnb\": \"^17.1.0\",\n\"eslint-loader\": \"^2.1.2\",\n\"eslint-plugin-import\": \"^2.16.0\",\n\"eslint-plugin-jsx-a11y\": \"^6.2.1\",\n\"eslint-plugin-prettier\": \"^3.0.1\",\n\"eslint-plugin-react\": \"^7.12.4\",\n\"lint-staged\": \"^8.1.4\",\n\n\"husky\": \"^1.3.1\",\n\"image-webpack-loader\": \"^4.6.0\",\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjugshaurya%2Fwebpack_eslint_babel","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjugshaurya%2Fwebpack_eslint_babel","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjugshaurya%2Fwebpack_eslint_babel/lists"}