V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
LiubaiQ
V2EX  ›  问与答

[求助] 如何 Publish 一个基于 React, Typescript 和 SASS 开发的组件到 NPM 呢?

  •  
  •   LiubaiQ · 2020-12-24 09:31:35 +08:00 · 1333 次点击
    这是一个创建于 1417 天前的主题,其中的信息可能已经有所发展或是发生改变。

    万能的 V 友啊,有熟悉 typescript,webpack 和 npm package 的大佬希望解答下我的疑惑,万分感谢 QAQ

    字多懒看的大佬请直接看问题~

    因为想要发布一个 React 组件包到 NPM 上,开发时使用了 SASS,就发现直接使用tsc指令,编译后的资源中导入 SASS 的语句还在,但没有.scss 文件,所以第一波问题就是:

    1. Typescript 是否有一种机制可以包含非代码资源到编译后的一堆文件中呢?
    2. 能否在编译前后某个时机把 SASS 也编译成 CSS 呢?(进阶)
    3. 能否把 1 和 2 通过什么方法(也许 npm script?)封装到同一个过程中呢?(进进阶)

    然后由于上述思路没有找到解决方案,所以换了一种思路,通过 Webpack 配置 ts-loader 构建,好处是可以通过 sass/css/style-loader 将样式内联到构建出的 bundle.js 中,但是又发现 ts-loader 虽然可以依赖于 tsconfig.json 配置解析 ts,但不支持输出.d.ts 类型声明文件,也就是说 declaration 字段是无效的,看 github 上 ts-loader 的 issues 里头作者已经明确表示不支持这个行为,所以第二波问题是:

    1. 有其他类似 ts-loader 的 package 可以输出类型声明文件吗?
    2. 除了上述两种思路,有什么替代方案吗?
    第 1 条附言  ·  2020-12-24 10:09:53 +08:00
    此贴终结,解决方案可以参照
    blog.maihaoche.com/typescript-rollup-da-jian-gong-ju-ku/
    5 条回复    2020-12-24 11:37:36 +08:00
    ruoxie
        1
    ruoxie  
       2020-12-24 09:39:57 +08:00   ❤️ 1
    rollup
    LiubaiQ
        2
    LiubaiQ  
    OP
       2020-12-24 09:42:19 +08:00
    大佬们回复我一下啊。。。最后没办法的话我就只能通过 Node API 硬生成 CSS 文件到编译后的资源中了。。。
    LiubaiQ
        3
    LiubaiQ  
    OP
       2020-12-24 10:02:54 +08:00
    @ruoxie 学到了,thx !
    LiubaiQ
        4
    LiubaiQ  
    OP
       2020-12-24 10:03:47 +08:00
    此贴终结,解决方案可以参照
    blog.maihaoche.com/typescript-rollup-da-jian-gong-ju-ku/
    ljwrer
        5
    ljwrer  
       2020-12-24 11:37:36 +08:00
    直接用 create-react-library 啊
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2628 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 05:16 · PVG 13:16 · LAX 21:16 · JFK 00:16
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.