使用typescript rollup storybook创建你的react组件库

mkdir mylibrary
cd mylibrary
npm init -y
npx -p @storybook/cli sb init --type react
npm i -D fork-ts-checker-webpack-plugin typescript

module.exports = {
  "stories": [
    "../stories/**/*.stories.mdx",
    "../stories/**/*.stories.@(js|jsx|ts|tsx)"
  ],
  "addons": [
    "@storybook/addon-actions",
    "@storybook/addon-links"
  ],typescript:{
    check:false,
    checkOptions:{},
    reactDocgen:'react-docgen-typescript',
    reactDocgenTypescriptOptions:{
      shouldExtractLiteralValuesFromEnum:true,
      propFilter:(prop)=>(prop.parent? !/node_modules/.test(prop.parent.fileName):true),
      
    },
  },
};

{
    "compilerOptions":{
        "declaration": true,
        "declarationDir":"build",
        "module":"esnext",
        "target":"es5",
        "lib":["es6","dom","es2016","es2017"],
        "sourceMap":true,
        "jsx":"react",
        "moduleResolution":"node",
        "allowSyntheticDefaultImports":true,
        "esModuleInterop":true
    },
    "include":["src/**/*"],
    "exclude":["node_modules","build"]
}