故事书:使用loader typescript loader

Question

默认情况下，Storybook使用babel-loader，但当前版本的babel-loader与Storybook所需的版本不兼容。所以我决定改用awesome-typescript-loader。也就是说，我的项目使用babel-loader，Storybook使用awesome-typescript-loader。

我添加了webpack.config.js文件：

module.exports = ({ config }) => {
  config.module.rules.push({
    test: /\.(ts|tsx)$/,
    use: [
      {
        loader: require.resolve('awesome-typescript-loader'),
      },
    ],
  });
  config.resolve.extensions.push('.ts', '.tsx');
  return config;
};

但Storybook仍然坚持要加载babel-loader。

ERR! Error: Cannot find module 'babel-loader'

如何设置替代加载器？

Answer 1

尝试使用@next版本，有a fix 5 days ago可以通过跳过babel加载程序检查来解决它。

以下是如何在@next版本中运行init命令：

npx -p @storybook/cli@next sb init

此外，如果您还没有从package.json中清除babel-loader，请删除npm锁文件，然后重新运行npm install。

请注意，@next不是稳定版本，这并不是完全理想的版本，但如果您感兴趣，请继续关注the conversation