mkdir mylibrary
cd mylibrary
npm init -y
npx -p @storybook/cli sb init --type react
npm i -D fork-ts-checker-webpack-plugin typescript
配置 .storybook/main.js文件 内容如下
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),
},
},
};
在根目录创建 tsconfig.json文件 ,内容如下
{
"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"]
}