Velocity css file

vishalK

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

Vaishali Agarwal

@raouf415
kindly execute the below command inside velocity package

npm i

npm run prod