react-my-react-library-btn/rollup.config.js

My first react library

//rollup.config.js

import babel from "rollup-plugin-babel";
import json from '@rollup/plugin-json'
import resolve from '@rollup/plugin-node-resolve'
import commonjs from '@rollup/plugin-commonjs'
import postcss from 'rollup-plugin-postcss'


export default {
  //核心选项
  input: "./src/index.js", //入口文件
  output: {
    file: "./lib/bundle.js", //出口文件
    format: "cjs", //出口文件的格式
    exports: 'auto',
  },

  plugins: [
    babel({exclude: "node_modules/**"}), //忽略依赖包 //将es6转换es5
    json(),
    commonjs(),
    resolve(),
    postcss({
      extract: true, //将css文件拆分出来
      plugins: [],
      // writeDefinitions: false,
      modules: {},
    }),
  ], //传入babel插件
  external: ["react", "antd"], //(以外部传入的方式)
};