在Storybook + Typescript中使用babel-plugin plugin,可以按照以下步骤进行:
.babelrc
的文件,并添加以下内容:{
"presets": ["@babel/preset-env", "@babel/preset-react"],
"plugins": ["babel-plugin-plugin-name"]
}
将上述代码中的babel-plugin-plugin-name
替换为你要使用的具体babel插件的名称。
.storybook
的文件夹,并在该文件夹下创建一个名为webpack.config.js
的文件。webpack.config.js
文件中添加以下内容:module.exports = ({ config }) => {
config.module.rules.push({
test: /\.(ts|tsx)$/,
use: [
{
loader: require.resolve('babel-loader'),
options: {
presets: [['react-app', { flow: false, typescript: true }]],
plugins: ['babel-plugin-plugin-name']
}
},
require.resolve('react-docgen-typescript-loader')
]
});
config.resolve.extensions.push('.ts', '.tsx');
return config;
};
同样,将上述代码中的babel-plugin-plugin-name
替换为你要使用的具体babel插件的名称。
npm install babel-plugin-plugin-name babel-loader react-docgen-typescript-loader --save-dev
通过以上步骤,你就可以在Storybook + Typescript中使用babel-plugin plugin了。请注意,上述步骤中的babel-plugin-plugin-name
需要替换为你要使用的具体babel插件的名称。同时,如果你需要使用其他的babel插件或loader,可以根据需要进行安装和配置。
领取专属 10元无门槛券
手把手带您无忧上云