🔌REACT

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.

    Craco

  • 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

Last updated