This is a boilerplate that will make your development proccess easier. It has a workflow that works like a website development, but, adapted for UI development.
Built with Gulp + Webpack + Babel + SASS + ES6
- Focused on performance, lightweighted.
- Made to be maintainable and SCALABLE. small, medium or big projects, doesn't matter how much components, it will be easy to maintain.
- Easy for integrating any framework like Vue or React.
- Run
npm install
- Run
gulp
- The
index.html
inside thesrc
folder, works like a summary. This is the default page that will open when you start the development environment. You can customize it. - The others folders is just like any other web project structure.
- Run
npm install
- Run
gulp production
- It will make all the minifying proccess, create bundles and will send it to
../../client_packages/dist
folder by default. If you want to change it, go togulpfile.js/config.json
and change thedestProd
value.
I strongly recommend you to use the ragemp-start
- Clone this repo into the
src
folder - Run the
npm install
on it - Run
gulp production
- Done.
mp.browsers.new("package://dist/html/boilerplate.html")
That's all, folks.
Feel free to open an issue if you have any question.