https://github.com/eluvade/hydra-boilerplate

Quickstart Boilerplate Template Project
https://github.com/eluvade/hydra-boilerplate

babel boilerplate boilerplate-template env es6 html-css-javascript javascript npm project-template webpack webpack-boilerplate webpack-configuration

Last synced: about 3 hours ago
JSON representation

Quickstart Boilerplate Template Project

• Host: GitHub
• URL: https://github.com/eluvade/hydra-boilerplate
• Owner: Eluvade
• License: mit
• Created: 2019-05-25T01:39:43.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-02-28T20:12:01.000Z (over 1 year ago)
• Last Synced: 2024-08-08T19:56:26.318Z (3 months ago)
• Topics: babel, boilerplate, boilerplate-template, env, es6, html-css-javascript, javascript, npm, project-template, webpack, webpack-boilerplate, webpack-configuration
• Language: JavaScript
• Size: 3.03 MB
• Stars: 4
• Watchers: 3
• Forks: 0
• Open Issues: 11
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


[![npm version](https://img.shields.io/npm/v/hydra-boilerplate.svg?style=flat)](https://www.npmjs.com/package/hydra-boilerplate) [![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/Eluvade/hydra-boilerplate/tree/2.0.1)

 Hydra - Boilerplate Webpack 5 Template Project 


Quick start your project with Webpack 5 + Babel + Typescript + Stylers fully configured




 List of features 




  
Robust Webpack Configuration File for both production and development environments

  
Babel Transpiler

  
TypeScript Transpiler

  
scss/sass/less Transpilers

  
Minimizers, linters, terser, chunking, asset & build optimization



 External links -> Documentation and Github repositories 


Link to your *webpacks'* official github & documentation

Link to your *babels'* official github & documentation

Installation 


```shell

$ git clone https://github.com/Eluvade/hydra-boilerplate.git

$ cd hydra-boilerplate

$ npm ci

```

Contributing

Keeping it simple and lightweight is the number 1 priority. Don't add unnecessary libraries just because you can.


 Usage 


`npm run build` : Compiles **/src** folder and creates **/dist** folder in the projects' root


`npm run start` : Launches `webpack-dev-server` with Hot Module Replacement - http://localhost:8080 by default



Note: **/src** is a mockup folder. You're free to delete and re-write all data inside, but keep the folder structure intact if you don't want to re-configure webpack

In order for Webpack to bundle your image/gif/video/music assets, you need to import/require them in your javascript. URL's in CSS will be resolved automatically.

 Known Issues 

On Linux: If building gives you an Error: "Cannot find module node-sass", try the following:

```shell

$ sudo npm install --save-dev  --unsafe-perm node-sass

```


Author



  
Bunny Eluvade



License


This project is licensed under the MIT License.