使用导入的自定义SCSS组件编译Tailwind CSS

npm init -y

npm install tailwindcss postcss autoprefixer sass

@import 'path/to/custom.scss';

module.exports = {
  theme: {
    extend: {
      // 自定义的主题配置
    },
  },
  variants: {},
  plugins: [],
}

module.exports = {
  plugins: [
    require('autoprefixer'),
  ],
}

const sass = require('sass');
const fs = require('fs');
const postcss = require('postcss');
const autoprefixer = require('autoprefixer');
const tailwindcss = require('tailwindcss');

const scss = fs.readFileSync('styles.scss', 'utf8');

sass.render({ data: scss }, (error, result) => {
  if (!error) {
    postcss([tailwindcss, autoprefixer])
      .process(result.css, { from: 'styles.css', to: 'output.css' })
      .then((result) => {
        fs.writeFileSync('output.css', result.css);
      });
  }
});

node build.js