引用了自定义 icon，public 文件夹如何打包到 dist 文件夹中

来源：12-8 使用 npm link 本地测试组件库第一部分

阿辉cain

2022-01-19

老师，由于需求需要，需引用自定义 svg 静态资源文件。请问该如何将 public 文件夹打包到 dist 文件夹？

课中讲到了 css，ts => dist。已理解。

但是打包静态资源文件，是不是需要配置 webpack？请问该如何配置？

使用场景：

样式引用： ./src/components/DatePicker/_style.scss
图片描述

错误：
图片描述

写回答

1回答

张轩

2022-01-20

同学你好针对这个任务我认为不需要引进 webpack，我们要完成的就是拷贝对应的svg文件到 dist 文件夹，然后重命名对应的路径就可以了。

第一个拷贝可以使用 cp 命令完成。

第二个替换，可以使用这个库：https://www.npmjs.com/package/replace-in-file 当然也可以自己写一个脚本完成。

当然，如果想使用 webpack 或者 gulp 这种工具也是能完成对应的功能的。

阿辉cain

👌，直接 cp。谢谢老师，已解决

2022-01-20

共1条回复

React18+TS高仿AntD从零到一打造组件库

设计，开发，测试，发布再到 CI/CD，从0到1造轮子

2136 学习 · 959 问题

相似问题

回答 1

回答 1

回答 1

回答 1

回答 2