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

Question

我有一个 main.less 文件，其中包含 @import 多个 .less 文件，我编译成 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 file watcher 设置是：

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

Answer 1

您需要配置部署设置。

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

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

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

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

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

less

phpstorm