{"id":16117679,"url":"https://github.com/nikbabchenko/webpack-jedi-sass","last_synced_at":"2025-03-18T10:30:55.669Z","repository":{"id":121321115,"uuid":"122740382","full_name":"nikbabchenko/webpack-jedi-sass","owner":"nikbabchenko","description":"Webpack 3 boilerplate, sass and es6 boilerplate, pug/html, simple and for many pages","archived":false,"fork":false,"pushed_at":"2018-04-06T07:05:38.000Z","size":608,"stargazers_count":8,"open_issues_count":0,"forks_count":1,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-02-28T08:55:53.029Z","etag":null,"topics":["boilerplate","boilerplate-webpack","bolerplate","es6","html","lightweight","many-pages","pug","sass","webpack","webpack-browser-sync","webpack3"],"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/nikbabchenko.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,"publiccode":null,"codemeta":null}},"created_at":"2018-02-24T12:54:29.000Z","updated_at":"2018-10-23T14:39:13.000Z","dependencies_parsed_at":null,"dependency_job_id":"2da877d5-eb51-40a6-b98f-4b5d71317609","html_url":"https://github.com/nikbabchenko/webpack-jedi-sass","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/nikbabchenko%2Fwebpack-jedi-sass","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nikbabchenko%2Fwebpack-jedi-sass/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nikbabchenko%2Fwebpack-jedi-sass/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nikbabchenko%2Fwebpack-jedi-sass/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nikbabchenko","download_url":"https://codeload.github.com/nikbabchenko/webpack-jedi-sass/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243918629,"owners_count":20368745,"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":["boilerplate","boilerplate-webpack","bolerplate","es6","html","lightweight","many-pages","pug","sass","webpack","webpack-browser-sync","webpack3"],"created_at":"2024-10-09T20:46:12.733Z","updated_at":"2025-03-18T10:30:55.661Z","avatar_url":"https://github.com/nikbabchenko.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Webpack Jedi - Webpack SASS ES6 HTML/PUG\n\nLight and strong webpack sass pug es6 boilerplate\n\nPerfectly works for small projects with many pages and modern tech.\nFast start for your project.\n\nAdded `slick` and `jQuery` in demostration puprposes.\nReally hope you will not need them.\n\n## What works for you there\n* [Webpack 3](https://webpack.js.org/guides/getting-started/)\n  * [tree-shaking](https://webpack.js.org/guides/tree-shaking/)\n  * [file-loader](https://github.com/webpack-contrib/file-loader)\n\n\n### Additional\n* [Babel](https://babeljs.io/) - *Use next generation JavaScript, today.*\n* [BrowserSync](https://www.browsersync.io/) - *Time-saving synchronised browser testing.* (Optional)\n  * Tunnel - *Make your website online through a random Public URL*\n* [ESLint](http://eslint.org/) - *The pluggable linting utility for JavaScript and JSX*\n* [PUG](https://pugjs.org/api/getting-started.html) - *Temlate engine* (branch - *jade*)\n* [Autoprefixer](https://autoprefixer.github.io) - Works with your sass well\n\n## Don't hesitate to make pull request\n![jedi](https://drive.google.com/uc?id=1pKxuokh_XEmkA3-Pdb3HOvrqPVMHWkPN)\n\n## How to Add Multiple files\nThis boilerplate is set for only 1 page: `index.html` but is easy to add more pages. You just need to add the HTML and JS files to `config/webpack.config.js`:\n\n### Add HTML file\n```js\n// YOUR PROJECT PAGES\nnew HtmlWebpackPlugin({\n    chunks: ['index'], // where it is reading the JS files from\n    template: './index.html', // location of the HTML file\n}),\n```\n\nTo add a Page, add a new instance of `HtmlWebpackPlugin` and create your HTML file. In this case the file is at `./pages/my-page.html`.\n\n```js\nnew HtmlWebpackPlugin({\n    chunks: ['index'],\n    template: './index.html',\n}),\nnew HtmlWebpackPlugin({\n    chunks: ['my-page'],\n    template: './pages/my-page.html',\n}),\n```\n\n### Add JS file\n`chunks: ['my-page']` refers to the key of your JS file entry point (`line 26`). There you set the entry points for your project. Each entry point is a JS file.\n\nJust add a new entry-point with the same name as the `chunks` value used on the step before.\n\n```js\nentry: {\n    'index': './index.js',\n    'my-page': './my-page.js',\n},\n```\n\nJedi work will start from http://localhost:3001\n\n### Different HTML Files, same JS file\nYou also can have HTML files that use the same JS file:\n```js\nnew HtmlWebpackPlugin({\n    chunks: ['index'],\n    template: './index.html',\n}),\nnew HtmlWebpackPlugin({\n    chunks: ['index'], // read from the same entry point as `index.html`\n    template: './my-page.html',\n}),\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnikbabchenko%2Fwebpack-jedi-sass","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnikbabchenko%2Fwebpack-jedi-sass","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnikbabchenko%2Fwebpack-jedi-sass/lists"}