Parcel-Bundler如何添加SVG,例如如何反应

时间:2018-12-24 15:22:26

标签: reactjs svg browser single-page-application parcel

我正在使用带有打字稿的包裹,开箱即用,一切正常, 现在,当我尝试添加svg时不起作用,

这是因为我需要更改打字稿

declare module "*.svg"

这使我现在可以编译我的打字稿。

现在,其他不起作用的是我想导入我的SVG组件 并像create-react-app 2一样使用它

从“ ./icon.svg”导入图标

function DisplayIcon(){
   return <Icon/>
}

所以这看起来很简单 https://www.npmjs.com/package/@svgr/parcel-plugin-svgr 纱安装,我得到无法解决

 <Typescript file>:<Line>:<Column>: Cannot resolve dependency './icon.svg' at '<Icon Location>'

所以我想也许是插件,我尝试使用

https://www.npmjs.com/package/parcel-plugin-inlinesvg

我遇到同样的问题。

我想念什么?

我看到有些人有.babelrc文件,但是插件应该至少能解决文档中所说的那样。

  

在Parcel中使用插件再简单不过了。所有你需要做的   安装并保存在您的package.json中。插件应命名   加上前缀parcel-plugin-或@ your-scope / parcel-plugin-,例如   parcel-plugin-foo或@ your-scope / parcel-plugin-foo。任何依赖   在package.json中列出的带有这些前缀的将自动   在初始化过程中加载。

插件似乎启动了,但没有用。

在没有插件的情况下,我会在我的JavaScript运行时中将文件放在文件的公共路径中。

我想念什么,我做错了什么?

0 个答案:

没有答案