Velocity css file

[Shirah]

Hi can I know where is the css file for velocity? and why there is two kinds of velocity folder? One in the packages/webkul and another one in the resources/themes. I tried to make changes on velocity in resources/themes it works but not velocity in the packages/webkul. Mind to explain exactly which folder should I make changes and where is the velocity css ?

Thank you.

[vishalK]

Hi @Shirah

You will find the css files of velocity by following the path given below:
$root_folder/packages/Webkul/Velocity/src/Resources/assets/sass

You can change css according to your requirement in the respective file and save, Now you have to run " npm run prod " inside velocity package.

After performing above steps you have to publish all assets and file by running the " php artisan vendor:publish " command and press 0.

Note: Kindly take backup of project before perform any steps given above.

[Shirah]

To run " npm run prod " inside the velocity package, you mean $root_folder/packages/Webkul/Velocity right?

[vishalK]

Hi @Shirah

Yes

Thanks!

[Shirah]

I can't run the npm. I get the npm error.

The error:
'npm' is not recognized as an internal or external command,
operable program or batch file.

[Vaishali Agarwal]

@Shirah
first run the command

npm i
npm run prod

[Shirah]

I still get the same error.

[Vaishali Agarwal]

@Shirah said in Velocity css file:

'npm' is not recognized as an internal or external command,

first check that npm must be installed on your system using command

npm -v

if already installed and showing the error then follow the solution provided here https://stackoverflow.com/questions/20992723/npm-is-not-recognized-as-internal-or-external-command-operable-program-or-bat/47524025

[Shirah]

Thank you the problem solve. But now I make changes in the shared.scss files but nothing change.

[Vaishali Agarwal]

@Shirah
make sure you have followed the command in a proper way-

run the below command inside package/velocity

npm run prod

now go to the project root directory and execute below and press the index number of velocity package

php artisan vendor:publish --force

[Shirah]

Still not working. I received other error.

[raouf415]

i have exactly the same issues cannot readproperty 'inProduction' any solution ?

[Vaishali Agarwal]

@raouf415
please first check that node and npm should be installed on your system.

[raouf415]

Already installed npm 6.14.8 a node 8.0.0 sorry node 14.15.0

[raouf415]

Here is error when test now
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @ watch: cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the @ watch script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! /home/raouf/.npm/_logs/2020-11-16T16_31_38_907Z-debug.log

[Vaishali Agarwal]

@raouf415
your application is under dev mode or production mode?

[raouf415]

This post is deleted!

[raouf415]

@Vaishali-Agarwal
you mean ?
'env' => env('APP_ENV', 'production'),

[Vaishali Agarwal]

@raouf415
Yes, if inside .env the APP_DEBUG=false it means the application is under production mode else if APP_DEBUG=true (development mode)

[raouf415]

@Vaishali-Agarwal App_debug = true