Eleventy:更改Sass输出层次结构

Eleventy:更改Sass输出层次结构,sass,eleventy,Sass,Eleventy,我用建立一个静态网站,我想使用Sass。我用过这个。它确实将Sass代码编译成CSS文件,但它将输入层次结构复制到输出 例如,在我的输入文件夹中,我有以下层次结构: input/ _includes/ img/ posts/ src/ scss/ partials/ main.scss 当我运行npx@11ty/eleventy时,它编译成: output/ img/ posts/

我用建立一个静态网站,我想使用Sass。我用过这个。它确实将Sass代码编译成CSS文件,但它将输入层次结构复制到输出

例如,在我的输入文件夹中,我有以下层次结构:

input/
    _includes/
    img/
    posts/
    src/
        scss/
            partials/
            main.scss
当我运行
npx@11ty/eleventy
时,它编译成:

output/
    img/
    posts/
    input/
        src/
            scss/
                main.css
    index.html
我想要点像这样的

output/
    img/
    posts/
    css/
        main.css
    index.html

使用
eleventy插件sass
是否可以实现这一点?如果没有,还有什么方法可以实现这一点呢?

我刚刚发布了一个新版本(1.1.0)的
eleventy plugin sass
,在那里你可以用新参数
outputDir
定制输出目录查看这些。我在此基础上设置了package.json脚本,它按预期工作,实际上,由于一些小的更改/扩展,我在这里复制了我的脚本:

  • {
    “名称”:“从开始到结束”,
    “版本”:“0.0.0”,
    “说明”:“简单的Eleventy启动器”,
    “脚本”:{
    “构建”:“npm运行sass&eleventy”,
    “sass”:“sass src/assets/css/main.scss:_site/assets/css/main.css--load path=node_modules”,
    “服务”:“npm运行所有SAS——并行监视:”,
    “watch:eleventy”:“eleventy--service--port=4300”,
    “监视:sass”:“npm运行sass--watch”
    },
    ....