The simplest useful EcmaScript 2015+ ready boilerplate. This boilerplate allows you to develop ES6+ projects using modules. It also supports CSS modules with PostCSS autoprefixer plugin.
- ES6+ modules;
- CSS modules;
- PostCSS ready;
- Autoprefixer PostCSS plugin;
- Webpack as module bundler;
- Easy customization of environment with Webpack configuration files;
- Npm and Yarn;
- Webpack Development Server:
- HOT Module Replacement;
- To use this boilerplate as starting point of your project, first you need to clone this:
git clone https://github.com/bruno02221/es-boilerplate-
After that, you can modify its
package.jsonfile to include your application details, like version, name, repository etc. You should also rename itsgit remote originto point to your project git repository. -
Then you're ready to start coding your application.
The application default folder structure can be used by your when developing your application without having to change it.
The default folder structure contains the following architecture:
-
config/ - This folder contains all the configuration files used by Webpack, developlment server, PostCSS etc. You can edit those files to customize your application behavior.
-
public/ - This folder contains an HTML file (
index.html) which is the template of your application's main page. You can edit this file to custom it, add links to fonts, icons etc. You can also use this folder to include other statics files you need. -
src/ - This folder contains application specific files like Javascript and CSS files. You should implement your application using files inside this folder. The default application bundler will use these to bundle your application.
yarn install
or
npm install
yarn start
or
npm start
yarn build
or
npm install