NativeScript - How to prevent CSS minification?

Question

I've got NativeScript 3.3.0 installed. My project-wide CSS is in app/app.css.

When I run the app, either by console

tns run android --device [device-ID of my preferred emulator]

or by starting it in an Android emulator through JetBrain's WebStorm (with NativeScript plugin installed), the app.css always gets minified during the rebuilding process after I do some changes to it while the app is running.

Is it somehow possibile to prevent NativeScript from minifying the CSS file upon building the app? I wished there was a run parameter with which I could toggle that.

Shiva Prasad · Accepted Answer · 2017-11-26 21:19:47Z

2

Looks like you have nativescript-dev-sass installed if you uninstall it, the minification should stop.

But ideally, you would want to keep the minification.

Edit:

you can do, npm remove -D nativescript-dev-sass

and you remove those nativescript-dev-sass files which are in hooks folder (if it doesn't get removed automatically).

Also if you see node-sass in your devDependencies, remove that as well with

npm remove -D node-sass and you should be good to go. Cheers!

edited Nov 26, 2017 at 21:19

answered Nov 26, 2017 at 18:42

Shiva Prasad

4382 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

Stacky Over a year ago

I ran tns plugin remove nativescript-dev-sass in the console. I got Plugin "nativescript-dev-sass" is not installed. Yet, I've got some scss files in my project which were generated when creating the project.

Stacky Over a year ago

Might this be a part of the nativescript-dev-webpack?

Shiva Prasad Over a year ago

can you check the hooks folder once? there could be some dev-sass remnants there

Shiva Prasad Over a year ago

also to be on safer side, check your devDependencies in package.json, see if there is nativescript-dev-sass, because it is not like other plugins of nativescript.

Shiva Prasad Over a year ago

So my suspicion was right. Now you do, npm remove -D nativescript-dev-sass and you remove those dev-sass files which are in hooks folder. Also if you see node-sass in your devDependencies, remove that as well with npm remove -D node-sass and you should be good to go. Cheers!

|

Collectives™ on Stack Overflow

NativeScript - How to prevent CSS minification?

1 Answer 1

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related