.less 编译 phpStorm 10 后 .css 文件未上传到服务器答案

【问题标题】：.css file not uploading to server after .less compile phpStorm 10.less 编译 phpStorm 10 后 .css 文件未上传到服务器
【发布时间】：2016-01-21 11:53:38
【问题描述】：

我有一个 main.less 文件，其中包含多个 .less 文件的 @import，我将这些文件编译成 1 个 main.css 文件。

我的main.less 文件：

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

在 phpstorm 10 中，我设置了一个文件观察器来将 main.less 编译成 main.css。我的部署选项是在显式保存时上传更改的文件（命令 S）

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

我相信这是因为 phstorm 在编译 less 之前查找更改，然后编译 less 并且没有注意到更改的 main.css

我的less文件夹结构是：

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

我的less文件观察器设置是：

    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 编译后上传？

【问题讨论】：

标签： less phpstorm

【解决方案1】：

您需要配置部署设置。

项目设置 |部署 |选项，将更改的文件自动上传到默认服务器选项设置为始终并检查选项上传外部更改

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

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

【讨论】：