miguelpel / jsOOPBoilerplate

Boilerplate for OOP in Javascript

This minimal boilerplate works with Babel and Webpack to implement a OOP workflow. ADDED: webpack devlopment server and CSS bundling.

Getting Started

Change the package.json, with your project's name.

install the npm dependencies:

in the console at the root of the project:

npm install

start de development server:

in the console at the root of the project:

npm start

Bundling your files ready to upload:

in the console at the root of the project:

npm run build

Follow the index.js, Component.js, and style/app.css templates for creating OOP files in the src folder.

Prerequisites and installing

You need to have Node and NPM installed.

node: https://nodejs.org/en/

then, install webpack and webpack-cli globally:

npm install webpack webpack-cli -g

Then, install Babel-cli and Babel-preset-env:

npm install babel-cli babel-preset-env -g

Deployment

live server and deployment from the dist folder

License

This project is licensed under the MIT License - see the LICENSE.md file for details

Acknowledgments

• Thanks to Ahsan Ayas.
• See his article: https://medium.com/@ahsan.ayaz/beginners-guide-to-webpack-how-to-start-a-basic-application-with-webpack-2-ebed3172fa8c