[求助] 如何 Publish 一个基于 React， Typescript 和 SASS 开发的组件到 NPM 呢？
LiubaiQ · 2020-12-24 09:31:35 +08:00 · 1350 次点击这是一个创建于 1436 天前的主题，其中的信息可能已经有所发展或是发生改变。
万能的 V 友啊，有熟悉 typescript，webpack 和 npm package 的大佬希望解答下我的疑惑，万分感谢 QAQ
字多懒看的大佬请直接看问题~
因为想要发布一个 React 组件包到 NPM 上，开发时使用了 SASS，就发现直接使用tsc指令，编译后的资源中导入 SASS 的语句还在，但没有.scss 文件，所以第一波问题就是：
- Typescript 是否有一种机制可以包含非代码资源到编译后的一堆文件中呢？
- 能否在编译前后某个时机把 SASS 也编译成 CSS 呢？（进阶）
- 能否把 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 里头作者已经明确表示不支持这个行为，所以第二波问题是：
- 有其他类似 ts-loader 的 package 可以输出类型声明文件吗？
- 除了上述两种思路，有什么替代方案吗？
第 1 条附言 · 2020-12-24 10:09:53 +08:00
5 条回复 • 2020-12-24 11:37:36 +08:00
 |
1
ruoxie 2020-12-24 09:39:57 +08:00  1
rollup
|
 |
2
LiubaiQ OP 大佬们回复我一下啊。。。最后没办法的话我就只能通过 Node API 硬生成 CSS 文件到编译后的资源中了。。。
|
|
4
LiubaiQ OP |
 |
5
ljwrer 2020-12-24 11:37:36 +08:00
直接用 create-react-library 啊
|
Select Language