{"id":13402063,"url":"https://github.com/taniarascia/webpack-boilerplate","last_synced_at":"2025-05-14T15:11:21.831Z","repository":{"id":37706379,"uuid":"206151984","full_name":"taniarascia/webpack-boilerplate","owner":"taniarascia","description":"📦 ‎ A sensible webpack 5 boilerplate.","archived":false,"fork":false,"pushed_at":"2024-03-14T20:13:30.000Z","size":1096,"stargazers_count":2393,"open_issues_count":7,"forks_count":561,"subscribers_count":41,"default_branch":"master","last_synced_at":"2025-05-13T23:13:49.775Z","etag":null,"topics":["webpack","webpack-boilerplate","webpack5"],"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/taniarascia.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-09-03T19:02:57.000Z","updated_at":"2025-04-22T02:45:47.000Z","dependencies_parsed_at":"2024-07-30T21:39:16.624Z","dependency_job_id":"afbacc47-a66a-47c8-9cc6-a197580b4352","html_url":"https://github.com/taniarascia/webpack-boilerplate","commit_stats":null,"previous_names":[],"tags_count":4,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/taniarascia%2Fwebpack-boilerplate","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/taniarascia%2Fwebpack-boilerplate/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/taniarascia%2Fwebpack-boilerplate/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/taniarascia%2Fwebpack-boilerplate/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/taniarascia","download_url":"https://codeload.github.com/taniarascia/webpack-boilerplate/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254059473,"owners_count":22007767,"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":["webpack","webpack-boilerplate","webpack5"],"created_at":"2024-07-30T19:01:11.152Z","updated_at":"2025-05-14T15:11:21.760Z","avatar_url":"https://github.com/taniarascia.png","language":"JavaScript","funding_links":[],"categories":["JavaScript","Javascript"],"sub_categories":[],"readme":"# 📦 webpack Boilerplate\n\n[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)\n\nSensible webpack 5 boilerplate using Babel, PostCSS and Sass.\n\n## Installation\n\nClone this repo and npm install.\n\n```bash\nnpm i\n```\n\n## Usage\n\n### Development server\n\n```bash\nnpm start\n```\n\nYou can view the development server at `localhost:8080`.\n\n### Production build\n\n```bash\nnpm run build\n```\n\n\u003e Note: Install [http-server](https://www.npmjs.com/package/http-server) globally to deploy a simple server.\n\n```bash\nnpm i -g http-server\n```\n\nYou can view the deploy by creating a server in `dist`.\n\n```bash\ncd dist \u0026\u0026 http-server\n```\n\n## Features\n\n- [webpack](https://webpack.js.org/)\n- [Babel](https://babeljs.io/)\n- [Sass](https://sass-lang.com/)\n- [PostCSS](https://postcss.org/)\n\n## Dependencies\n\n### webpack\n\n- [`webpack`](https://github.com/webpack/webpack) - Module and asset bundler.\n- [`webpack-cli`](https://github.com/webpack/webpack-cli) - Command line interface for webpack\n- [`webpack-dev-server`](https://github.com/webpack/webpack-dev-server) - Development server for webpack\n- [`webpack-merge`](https://github.com/survivejs/webpack-merge) - Simplify development/production configuration\n- [`cross-env`](https://github.com/kentcdodds/cross-env) - Cross platform configuration\n\n### Babel\n\n- [`@babel/core`](https://www.npmjs.com/package/@babel/core) - Transpile ES6+ to backwards compatible JavaScript\n- [`@babel/plugin-proposal-class-properties`](https://babeljs.io/docs/en/babel-plugin-proposal-class-properties) - Use properties directly on a class (an example Babel config)\n- [`@babel/preset-env`](https://babeljs.io/docs/en/babel-preset-env) - Smart defaults for Babel\n\n### Loaders\n\n- [`babel-loader`](https://webpack.js.org/loaders/babel-loader/) - Transpile files with Babel and webpack\n- [`sass-loader`](https://webpack.js.org/loaders/sass-loader/) - Load SCSS and compile to CSS\n  - [`sass`](https://www.npmjs.com/package/sass) - Node Sass\n- [`postcss-loader`](https://webpack.js.org/loaders/postcss-loader/) - Process CSS with PostCSS\n  - [`postcss-preset-env`](https://www.npmjs.com/package/postcss-preset-env) - Sensible defaults for PostCSS\n- [`css-loader`](https://webpack.js.org/loaders/css-loader/) - Resolve CSS imports\n- [`style-loader`](https://webpack.js.org/loaders/style-loader/) - Inject CSS into the DOM\n\n### Plugins\n\n- [`clean-webpack-plugin`](https://github.com/johnagan/clean-webpack-plugin) - Remove/clean build folders\n- [`copy-webpack-plugin`](https://github.com/webpack-contrib/copy-webpack-plugin) - Copy files to build directory\n- [`html-webpack-plugin`](https://github.com/jantimon/html-webpack-plugin) - Generate HTML files from template\n- [`mini-css-extract-plugin`](https://github.com/webpack-contrib/mini-css-extract-plugin) - Extract CSS into separate files\n- [`css-minimizer-webpack-plugin`](https://webpack.js.org/plugins/css-minimizer-webpack-plugin/) - Optimize and minimize CSS assets\n\n### Linters\n\n- [`eslint`](https://github.com/eslint/eslint) - Enforce styleguide across application\n- [`eslint-config-prettier`](https://github.com/prettier/eslint-config-prettier) - Implement prettier rules\n  - - [`prettier`](https://github.com/prettier/prettier) - Dependency for `prettier-webpack-plugin` plugin\n- [`eslint-import-resolver-webpack`](https://github.com/benmosher/eslint-plugin-import/tree/master/resolvers/webpack) - Throw exceptions for import/export in webpack\n\n## Author\n\n- [Tania Rascia](https://www.taniarascia.com)\n\n## License\n\nThis project is open source and available under the [MIT License](LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftaniarascia%2Fwebpack-boilerplate","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftaniarascia%2Fwebpack-boilerplate","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftaniarascia%2Fwebpack-boilerplate/lists"}