documentation
  • GENERAL INFORMATION
    • 🔷Tebex Integration
    • 👾Code Creator
    • 🔌REACT
    • 🌐 VISION Tebex Theme
  • PACKAGES
    • İDCARD
    • RADIO
    • NPC DIALOG
    • CARPLAY
    • SCOREBOARD
    • CARSHOP
    • GARAGE
    • GUNSHOP
    • RENT A CAR
    • CRAFTING
    • DRIVING SCHOOL
    • CUSTOMS
    • CASE
    • DAİLYREWARD
    • BLACKMARKET
    • REPORT
    • CLOTHESHOP
    • REGİSTER
    • CREATOR
    • VIPSYSTEM
    • NOTIFICATION
    • FİSHİNG
    • DİVİNG
    • PROGRESS & NOTIFY
    • NEW YEAR
Powered by GitBook
On this page
  1. GENERAL INFORMATION

🔌REACT

PreviousCode CreatorNext🌐 VISION Tebex Theme

Last updated 6 months ago

To set up your project, follow these steps:

  1. Navigate to Your Project Directory:

    Open your terminal and change the directory to your project's location:

cd C:\Users\Raider\OneDrive\Desktop\txData\QBCoreFramework_C5FC53.base\resources\es_customs\resources

Install Project Dependencies:

Run the following command to install the dependencies specified in your package.json file:

npm install

Install CRACO:

CRACO (Create React App Configuration Override) allows you to customize your Create React App configuration without ejecting. Install it as a development dependency:

npm install @craco/craco@7.x --save-dev
  • Note: Ensure that the version of CRACO you install is compatible with your version of react-scripts. For example, CRACO version 7.x is compatible with react-scripts 5.x.x.

  • Install Webpack and Loaders:

    To handle SCSS files and inject CSS into the DOM, install the necessary loaders and Webpack:

npm install sass-loader sass css-loader style-loader webpack --save-dev
npm run build
"scripts": {
  "start": "craco start",
  "build": "craco build",
  "test": "craco test",
  "eject": "react-scripts eject"
}
npx craco start

Craco