Jump to content
RAGE Multiplayer Community

Los
 Share

Recommended Posts

CEF Boilerplate

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

 

Features:

  • Focused on performance, lightweight.
  • 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.
  • Hot reload

Local development:

  • Run npm install
  • Run gulp
  • The index.html inside the src 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.

Building for production:

  • 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 to gulpfile.js/config.json and change the destProd value.

Integrating
I strongly recommend you to use the ragemp-start typescript by @ekoozu

Using with ragemp-starter:

  • Clone this repo into the src folder
  • Run the npm install on it
  • Run gulp production
  • Done.

Creating a browser:

mp.browsers.new("package://dist/html/boilerplate.html")

That's all, folks.

Feel free to open an issue or answer this thread if you have any question.

 

Download it on GitHub

Edited by Los
  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...