我有一个使用Webpack的代码库,其代码如下:
import Foo from './svg/icons/foo.svg';
因为svg-react-loader
而有效。
但是,在我们的测试环境中使用Webpack会减慢速度并增加一些麻烦,所以我们在没有它的情况下运行我们的测试(在Node中)。这很好用,直到我们开始导入上面的SVG,此时我们开始出现如下错误:
ReferenceError: React is not defined
at Object.<anonymous> (/Users/me/projects/foo/src/svg/icons/foo.svg:1:1)
(我很确定是因为Node认为SVG文件由XML构成,因此看起来像JSX,应该由React处理。)
所以,我意识到一个解决方案是通过Webpack运行我们的测试环境,但我的问题是,有什么办法可以做:
import Foo from './svg/icons/foo.svg';
当我的非Webpack测试代码运行时,没有失败(或者至少无声地失败并继续前进)?例如,无论如何我可以“填充”节点加载器,这样如果它看到.svg
它只是移动而没有做任何事情?