import { defineConfig } from 'rollup'
import vue from 'rollup-plugin-vue'
import { cleandir } from 'rollup-plugin-cleandir'
import { babel } from '@rollup/plugin-babel';
import postcss from 'rollup-plugin-postcss'
import autoprefixer from 'autoprefixer'

import resolve from '@rollup/plugin-node-resolve';
import commonjs from '@rollup/plugin-commonjs';

import copy from 'rollup-plugin-copy'


import sass from 'rollup-plugin-sass';

export default defineConfig({
  input: './src/index.js',
  output: [
    {
      file: 'lib/index.esm.js',
      format: 'esm',
      exports: 'named'
    },
    {
      file: 'lib/index.umd.js',
      format: 'umd',
      name: 'xyzui',
      globals: {
        vue: 'Vue',
        'vue-router': 'VueRouter',
        axios: 'axios',
        'element-ui': 'ELEMENT'
      }
    }
  ],

  plugins: [
    cleandir('lib'),

     // 将node_modules里面的依赖打包
     resolve(), // 解析依赖
    vue(),
    babel({
      // exclude: 'node_modules/**',
      presets: ['@vue/babel-preset-jsx'],
     // bundled-需要显示指明babelHelpers 配置， 没配置，控制台有一些warning
      babelHelpers: 'bundled',
      // 5.2.1 是可以不用配置  extensions
      // 5.2.2 以后 需要将 vue配置进去
      extensions:['.js', '.jsx', '.es6', '.es', '.mjs','.vue'],
      filter: id=>{
        return /(\.js|\.jsx|\.es6|\.es|\.mjs)$/.test(id) && !/node_modules/.test(id)
      }
    }),
     // 需要处理vue中的css
     postcss({
      plugins: [
        /**
         * {
          // browsers: 'last 5 version'
          overrideBrowserslist: [
            "last 2 versions"
          ]
        }
         */
        // autoprefixer()
      ],
      extensions: ['.css', '.scss', '.less']
    }),
  ],
  external: [
    "Vue",
    'vue-router',
    'axios',
    'element-ui'
  ]
})

 /* style */
  const __vue_inject_styles__ = function (inject) {
    if (!inject) return
    inject("data-v-178f2dae_0", { source: ".el-menu-demo[data-v-178f2dae] {\n  display: grid;\n}\n.el-menu-demo[data-v-178f2dae] :deep(.el-submenu__title) {\n  color: blue !important;\n}\n.test-btn[data-v-178f2dae] {\n  display: flex;\n  color: red;\n}\n\n/*# sourceMappingURL=test.vue.map */", map: {"version":3,"sources":["D:\\参考资料\\test-ui\\src\\test.vue","test.vue"],"names":[],"mappings":"AA+CA;EACA,aAAA;AC9CA;ADgDA;EACA,sBAAA;AC9CA;ADkDA;EACA,aAAA;EACA,UAAA;AC/CA;;AAEA,mCAAmC","file":"test.vue","sourcesContent":["<template>\r\n  <div>\r\n    你好\r\n    <div>\r\n      <el-button  class='test-btn'>点我</el-button>\r\n    </div>\r\n\r\n\r\n    <el-menu :default-active=\"activeIndex\" class=\"el-menu-demo\" mode=\"horizontal\">\r\n  <el-menu-item index=\"1\">处理中心</el-menu-item>\r\n  <el-submenu index=\"2\">\r\n    <template slot=\"title\">我的工作台</template>\r\n    <el-menu-item index=\"2-1\">选项1</el-menu-item>\r\n    <el-menu-item index=\"2-2\">选项2</el-menu-item>\r\n    <el-menu-item index=\"2-3\">选项3</el-menu-item>\r\n    <el-submenu index=\"2-4\">\r\n      <template slot=\"title\">选项4</template>\r\n      <el-menu-item index=\"2-4-1\">选项1</el-menu-item>\r\n      <el-menu-item index=\"2-4-2\">选项2</el-menu-item>\r\n      <el-menu-item index=\"2-4-3\">选项3</el-menu-item>\r\n    </el-submenu>\r\n  </el-submenu>\r\n  <el-menu-item index=\"3\" >消息中心</el-menu-item>\r\n</el-menu>\r\n\r\n<div>\r\n  <jsxCom></jsxCom>\r\n</div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport jsxCom from './jsx.vue'\r\nexport default {\r\n  components: {\r\n    jsxCom\r\n  },\r\n  data() {\r\n    return {\r\n      activeIndex: '1'\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang='scss' scoped>\r\n\r\n.el-menu-demo {\r\n  display: grid;\r\n\r\n  :deep(.el-submenu__title) {\r\n    color: blue !important;\r\n  }\r\n}\r\n\r\n.test-btn {\r\n  display: flex;\r\n  color: red;\r\n}\r\n\r\n</style>",".el-menu-demo {\n  display: grid;\n}\n.el-menu-demo :deep(.el-submenu__title) {\n  color: blue !important;\n}\n\n.test-btn {\n  display: flex;\n  color: red;\n}\n\n/*# sourceMappingURL=test.vue.map */"]}, media: undefined });

  };