config.js

import path from 'path'
import alias from '@rollup/plugin-alias'
import PostCSS from 'rollup-plugin-postcss'
import resolve from '@rollup/plugin-node-resolve'

export default {
  entry: path.resolve(__dirname, '../src/index.js'),
  plugins: {
    alias: [
      alias({
        entries: [
          {
            find: '@',
            replacement: `${path.resolve(__dirname, '../src')}`
          }
        ],
        customResolver: resolve({
          extensions: ['.js', '.jsx', '.ts', '.tsx', '.vue']
        })
      })
    ],
    postcss: [
      PostCSS({
        include: /(?<!&module=.*)\.css$/,
        plugins: [
          require('postcss-import'),
          require('postcss-nested'),
          require('tailwindcss'),
          require('autoprefixer'),
          require('postcss-replace')({
            pattern: /(--tw|\*, ::before, ::after)/g,
            data: {
              '--tw': '--va-tw',
              '*, ::before, ::after': ':root'
            }
          })
        ]
      })
    ],
    babel: {
      exclude: 'node_modules/**',
      extensions: ['.js', '.jsx', '.ts', '.tsx', '.vue']
    }
  }
}