Question

嘿那里:)我试图找出如何为cloud9制作scss构建器。我只能在stackoverflow上找到更少的东西。

我试图让我的scss文件夹中的main.scss编译到同一级别的css文件夹中的main.css中。

建设者：

{
    "caption" : "SCSS",
    "cmd": ["scss", "$file", "-x", "${file/\\.scss/\\.css/}"],
    "selector": "source.scss"
}

错误：

OptionParser :: InvalidOption：无效选项：-x
使用--trace进行回溯。

Answer 1

我认为您使用Cloud9构建器的方式是正确的，但是，我在scss中找不到-x选项。以下是scss -h给我的内容：

Usage: scss [options] [INPUT] [OUTPUT]

Description:
  Converts SCSS or Sass files to CSS.

Common Options:
    -I, --load-path PATH             Specify a Sass import path.
    -r, --require LIB                Require a Ruby library before running Sass.
        --compass                    Make Compass imports available and load project configuration.
    -t, --style NAME                 Output style. Can be nested (default), compact, compressed, or expanded.
    -?, -h, --help                   Show this help message.
    -v, --version                    Print the Sass version.

Watching and Updating:
        --watch                      Watch files or directories for changes.
                                     The location of the generated CSS can be set using a colon:
                                       scss --watch input.scss:output.css
                                       scss --watch input-dir:output-dir
        --poll                       Check for file changes manually, rather than relying on the OS.
                                     Only meaningful for --watch.
        --update                     Compile files or directories to CSS.
                                     Locations are set like --watch.
    -f, --force                      Recompile every Sass file, even if the CSS file is newer.
                                     Only meaningful for --update.
        --stop-on-error              If a file fails to compile, exit immediately.
                                     Only meaningful for --watch and --update.

Input and Output:
        --sass                       Use the indented Sass syntax.
        --sourcemap=TYPE             How to link generated output to the source files.
                                       auto (default): relative paths where possible, file URIs elsewhere
                                       file: always absolute file URIs
                                       inline: include the source text in the sourcemap
                                       none: no sourcemaps
    -s, --stdin                      Read input from standard input instead of an input file.
                                     This is the default if no input file is specified.
    -E, --default-encoding ENCODING  Specify the default encoding for input files.
        --unix-newlines              Use Unix-style newlines in written files.
                                     Always true on Unix.
    -g, --debug-info                 Emit output that can be used by the FireSass Firebug plugin.
    -l, --line-numbers               Emit comments in the generated CSS indicating the corresponding source line.
        --line-comments

Miscellaneous:
    -i, --interactive                Run an interactive SassScript shell.
    -c, --check                      Just check syntax, don't evaluate.
        --precision NUMBER_OF_DIGITS How many digits of precision to use when outputting decimal numbers.
                                     Defaults to 5.
        --cache-location PATH        The path to save parsed Sass files. Defaults to .sass-cache.
    -C, --no-cache                   Don't cache parsed Sass files.
        --trace                      Show a full Ruby stack trace on error.
    -q, --quiet                      Silence warnings and status messages during compilation.

这是适合您的事情：

{
  "cmd" : ["scss", "$file", "$file_path/../css/$file_base_name.css"],
  "info" : "Building $file_path/$file_name",
  "selector": "source.scss"
}

$file是完整路径，$file_path是目录路径，$file_base_name是没有扩展名的文件的名称。您可以查看可用的其他变量here。

用于cloud9 web编辑器的scss builder

1 个答案: