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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.