0

我正在使用11ty构建一个静态网站，我想使用 Sass。为此，我使用了 110-plugin-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-plugin-sass吗？如果不是，那么实现这一目标的另一种方法是什么？

4

2 回答 2

0

看看这些。我基于此设置了 package.json 脚本，它按预期工作，实际上，由于一些小的更改/扩展，我在这里复制了我的脚本：

  1. https://egghead.io/lessons/11ty-add-sass-compiling-and-watch-for-changes-in-eleventy-11ty
  2. https://mvolkmann.github.io/blog/eleventy/styling-with-sass/
{
    "name": "eleventy-from-start",
    "version": "0.0.0",
    "description": "A simple Eleventy starter",
    "scripts": {
        "build": "npm run sass && eleventy",
        "sass": "sass src/assets/css/main.scss:_site/assets/css/main.css --load-path=node_modules",
        "serve": "npm-run-all sass --parallel watch:*",
        "watch:eleventy": "eleventy --serve --port=4300",
        "watch:sass": "npm run sass -- --watch"
    },
    ....
于 2021-03-13T18:35:22.117 回答
0

我刚刚发布了一个新版本（1.1.0），eleventy-plugin-sass您可以使用新参数自定义输出目录outputDir

于 2020-09-08T13:16:42.890 回答