代码之家  ›  专栏  ›  技术社区  ›  Velidan

Storybook.js。如何将组件编译为ES5库

  •  0
  • Velidan  · 技术社区  · 5 年前

    我正在使用故事书来开发&单独测试我的组件。我用打字稿、巴别塔等。 每件事都很有魅力。
    现在我想将我的组件编译为ES5库(commonJS),并将其提供给其他外部项目。

    基本上,storybook build命令将整个storybook作为一个静态网站,但我需要编译的组件库。

    这里的主要问题是,故事书在属于ES6模块的node_模块中有一些依赖项,因此babel配置为在Typescript处理我自己的组件时继续这些依赖项。
    所以我不能只使用 tsc 等来编译我的组件,例如 components 文件夹,因为typescript不会从节点_模块获取和编译依赖项。它们应该编译到ES5,否则,我的任何外部项目,需要使用编译的故事书组件,将无法处理它们。



    我能用一下故事书的网页吗(因为我已经用Babel和Typescript配置了它)。

    0 回复  |  直到 5 年前
        1
  •  0
  •   Źmicier JaraÅ¡evič    5 年前

    另一种方法是使用babel cli,只将组件作为一组文件进行传输

    命令示例:

    npx babel src -d lib/ --copy-files
    
    

    https://babeljs.io/docs/en/babel-cli 好的,配置可以包括typescript插件

    推荐文章