.css文件无法上传到服务器后.less编译phpStorm 10

时间:2016-01-21 00:46:57

标签: less phpstorm

我有一个main.less文件,其中包含@import个文件,其中包含我编译成1 .less个文件的main.css个文件。

我的main.less文件:

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

在phpstorm 10中,我设置了一个文件监视器,将main.less编译成main.css。我的部署选项是在显式保存(命令S)上传更改的文件

在保存时,如果我对任何main.less文件进行了更改,.less文件将被正确编译。然后我更改的所有.less个文件都上传到服务器。但是,main.css没有。我必须手动右键单击它并上传到服务器。

我相信这是因为phstorm会在编译less之前查找更改,然后编译得更少并且不会注意到已更改的main.css

我少用的文件夹结构是:

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

我的文件观察程序设置较少:

    Name: Less
    Description: Compiles .less files into .css files
    Uncheck Immediate file synchronization
    Check Track only 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 to refresh: $FileParentDir$/stylesheets/main.css

如何在编译main.css之后上传main.less个帖子?

1 个答案:

答案 0 :(得分:2)

您需要配置部署设置。

项目设置|部署|选项,将“自动上载已更改的文件”设置为“始终”的默认服务器选项 并选中上传外部更改选项

Phpstorm将监视项目目录中已更改的scss和CSS文件并上传它们。

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