import { name } from '../package.json'
import { resolve } from 'path'
import react from 'react';
import reactDom from 'react-dom';
import typescript from 'rollup-plugin-typescript'
import postcss from 'rollup-plugin-postcss';
import simplevars from 'postcss-simple-vars';
import nested from 'postcss-nested';
import cssnext from 'postcss-cssnext';
import nodeResolve from 'rollup-plugin-node-resolve'
import commonjs from 'rollup-plugin-commonjs'
import replace from 'rollup-plugin-replace'
import {uglify} from 'rollup-plugin-uglify'

export default {
    // 入口文件
    input: resolve(__dirname, '../src/index.ts'),
    plugins: [
        // tsx(),
        nodeResolve({
            browser: true
        }),
        postcss({
            extensions: ['.css'],
            extract: true,
            extract: 'wotu-ui.css',
            plugins: [
                simplevars(),
                nested(),
                cssnext({ warnForDuplicates: false, }),
                // cssnano()
            ]
        }),
        typescript({
            "include": [
                "./src/**/*.ts",
                "./src/**/*.tsx"
            ],
            "exclude": [
                "./dist",
                "./node_modules"
            ]
        }),
        commonjs({
            include: 'node_modules/**',
            namedExports: {
                'node_modules/react-is/index.js': ['isFragment', 'ForwardRef', 'isMemo'],
                react: Object.keys(react),
                'react-dom': Object.keys(reactDom)
            }
        }),
        replace({
            'process.env.NODE_ENV': JSON.stringify('production')
        }),
        uglify()
    ],
    output: {
        // 打包名称
        name: 'WotuUI',
        sourcemap: true,
        file: resolve(__dirname, `../dist/WotuUI.js`),
        format: 'iife'
    },
}