我正在使用react开发一个npm模块,并决定使用包裹将其捆绑。在此模块中,我使用外部样式库libraray(已添加为依赖项,以便在安装模块时也安装了上述库),并通过类似的导入方式使用其fonts
和images
所以:
import icons from 'style-npm-module/dist/icons/icons.svg';
import logo from 'style-npm-module/dist/logos/logo.svg';
捆绑后,包裹已从npm模块中获取了这些文件,添加到dist文件夹并将导入更改为相对路径,并且文件夹结构如下所示:
dist
|-index.js
|-logo.{some-random-number}.svg
|-font.{some-random-number}.svg
,在index.js
中,这些文件被称为"/logo.{some-random-number}.svg"
或"/font.{some-random-number}.svg"
,而不是将其引用到npm模块。
是否有可能限制更改此类导入并强制包裹按照引用node_modules
的方式保留导入?