.css file not uploading to server after .less compile phpStorm 10 -

i have main.less file contains @import number of .less files compile 1 main.css file.

my main.less file:

@import "imports/header"; @import "imports/content"; @import "imports/footer"; ...... 

in phpstorm 10 set file watcher compile main.less main.css. deployment options upload changed files on explicit saves (command s)

on save, main.less file gets compiled if made change .less file. .less files made changes uploaded server. however, main.css not. have manually right click , upload server.

i believe because phstorm looks changes before less compiled, compiles less , not notice changed main.css

my folder structure less is:

/stylesheets/ ____/imports/ ________/header.less ________/content.less ________/footer.less ________/ ......... ____/main.less ____/main.css 

my less file watcher settings are:

    name: less     description: compiles .less files .css files     uncheck immediate file synchronization     check track root files     file type: less     scope: project files     program: /usr/local/bin/lessc     argument: main.less     working directory: $fileparentdir$/stylesheets/     environment variables:         i. name: path         ii. value:                 /applications/mamp/bin/php/php5.4.30/bin:/users/xxx/.composer/vendor/bin:/usr/bin:/bin:/usr/sbin:/sbin:/usr/local/bin     output paths refresh: $fileparentdir$/stylesheets/main.css 

how make main.css uploads after main.less has been compiled?

you need configure deployment settings.

project settings | deployment | options, setting upload changed files automatically default server option , check option upload external changes

phpstorm watch changed scss , css files inside project directory , upload them.

https://confluence.jetbrains.com/display/phpstorm/sync+changes+and+automatic+upload+to+a+deployment+server+in+phpstorm