Sign in to follow this  
Los

CEF Boilerplate

Recommended Posts

Posted (edited)

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

Share this post


Link to post
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
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.