[问题] 是否可以在不进行转译的情况下使用Storybook,并使用纯ES6编写故事?

q7solyqu  于 4个月前  发布在  其他
关注(0)|答案(4)|浏览(36)

你好,我有一个关于Storybook使用的问题。是否可以在不使用babel的情况下,使用纯ES6编写故事?我想在一个不使用转译的项目中使用它(React组件是用纯ES6编写的)。

brccelvz

brccelvz1#

有一个预构建的Storybook版本支持这个功能。
https://github.com/open-wc/open-wc/tree/master/packages/demoing-storybook
我不确定如何在标准的Storybook cc中实现这个功能。

v8wbuo2f

v8wbuo2f2#

你可以更改webpack配置以适应你的需求,你可以移除babel-loader和其他不需要的loader。如果你不希望你的story和component通过babel进行转换,可以这样做:

// main.js ( pseudo-code )

module.exports = {
  webpackFinal: async(config)=> {
    const filesNotPassedThroughBabelRegex = /some regex that excludes the files you don't want to pass through babel/
    config.module.rules[0].exclude.push(filesNotPassedThroughBabelRegex)
  }
}
vd2z7a6w

vd2z7a6w3#

大家好!最近似乎没有太多关于这个问题的进展。如果还有问题、评论或错误,请随时继续讨论。遗憾的是,我们没有时间处理每一个问题。我们始终欢迎贡献,所以如果你想帮忙,请发送一个pull request。30天后未活跃的问题将被关闭。谢谢!

jtoj6r0c

jtoj6r0c4#

这里有一个预构建的Storybook版本,支持这个功能。

$x_{1e0f1}x$

我不确定如何在标准的Storybook中实现这个功能。对于2022年来这里的人,我发现了一个预构建的Storybook版本。

相关问题