Проблемы с Ember, Post CSS, SASS и @apply

Question

Я пытаюсь использовать Tailwind CSS в своем приложении ember, и в итоге я использовал это дополнение для этого. Но, к сожалению, некоторые другие дополнения требуют, чтобы их стили css включались в стили приложения. Поэтому я попытался добавить 'post css -sass', чтобы он работал. Но он не хочет работать с командой "@apply". Можно ли использовать команды post css и sass and @apply на данный момент?

Мой ember-cli-build. js:

postcssOptions: {
      compile: {
        extension: 'scss',
        enabled: true,
        parser: require('postcss-scss'),
        plugins: [
          {
            module: require('@csstools/postcss-sass'),
            options: {
              includePaths: ['node_modules']
            }
          },
          require('tailwindcss')('./app/tailwind/config.js'),
          ...isProduction ? [purgeCSS] : []
        ]
      }
    }

И я получаю ошибка: UnhandledPromiseRejectionWarning: Error: Invalid mapping: {"generated":{"line":53,"column":-1},"source":"../../out-338-broccoli_merge_trees_full_application/app/styles/app.scss","original":{"line":52,"column":25},"name":null}

Именно там @apply появился в первый раз.

Answer 1

Оказалось, проблема в пропущенной точке с запятой в "app.s css". Он работал нормально, когда он был простым css, и перестал работать, когда я преобразовал его в SASS.