rollup.config.js

import peerDepsExternal from 'rollup-plugin-peer-deps-external'
import resolve from '@rollup/plugin-node-resolve'
import commonjs from '@rollup/plugin-commonjs'
import typescript from 'rollup-plugin-typescript2'
import scss from 'rollup-plugin-scss'
import vue from 'rollup-plugin-vue'
import packageJson from './package.json'
import postcss from 'rollup-plugin-postcss'
import postcssImport from 'postcss-import'

export default {
  input: 'src/index.ts',
  output: [
    {
      format: 'cjs',
      file: packageJson.main,
      sourcemap: true,
      globals: { vue: 'Vue' },
    },
    {
      format: 'esm',
      file: packageJson.module,
      sourcemap: true,
      globals: { vue: 'Vue' },
    },
  ],
  plugins: [
    vue({ preprocessStyles: true }),
    postcss({
      extract: true,
      plugins: [postcssImport()],
    }),
    typescript(),
    peerDepsExternal(),
    resolve(),
    commonjs(),
    scss(),
  ],
  external: ['vue'],
}