Как мне скомпилировать файлы Sass в Rollup и вставить их в строку? (В тени Root) - PullRequest
Новая
       93

Как мне скомпилировать файлы Sass в Rollup и вставить их в строку? (В тени Root)

1 голос
/ 21 марта 2020

У меня есть простой файл s css, который выглядит следующим образом ... 

@use "@material/top-app-bar/variables" as top-bar;
.jrg-viewport{
  with: 100%;
  overflow: auto;
  height: calc( 100% - #{top-bar.$row-height} );
}

Если я запускаю sass src/components/viewport/index.style.scss dist/output.css --load-path=node_modules, то вывод выглядит как ... 

.jrg-viewport {
  with: 100%;
  overflow: auto;
  height: calc( 100% - 64px );
}

Однако именно так я и ожидал, если попытаться запустить с использованием накопительного пакета ... 

import postcss from 'rollup-plugin-postcss'
const pcss = postcss({
    extensions: ['.scss'],
    plugins: [
        autoprefixer
    ],
    use: [
        [
            'sass', {
                includePaths: [path.resolve('node_modules')]
            }
        ]
    ]
});
...
plugins: [
    resolve(),
    pcss,
    pug(),
    terser()
],

Но при попытке запустить я получаю ....

[!] (плагин css) Ошибка: ожидается di git.

src / components / viewport / index.style.s css 5:36 root таблица стилей

Почему один не работает, а другой работает нормально? Обычно в конце дня вывод sass должен быть строкой, которую я могу встроить во внутренний Html.

...