我确定这是一个非常基本的问题,我忽略了一些显而易见的问题。我只是最近才开始学习如何在Rails中使用Webpacker和React。
[在React组件中,如果我要设置使用图像的CSS主题属性,那么如何引用该图像?例如,>
const styles = theme => ({ image: { backgroundImage: 'url( ??? )', // what should this path be? } })
我已经搜索了很多,并尝试了许多方法,包括:
通过将resolved_paths: ['app/assets/images']
添加到Webpacker.yml从资产管道访问图像。
将图像放入app/javascript/images
,将require.context('../images', true);
添加到application.js并更新主题CSS backgroundImage: url('../images/my_image.jpg')
。
将图像放入app/javascript/packs/images
并更新主题css backgroundImage: url('../images/my_image.jpg')
及其他。
我在这里感到昏暗,不确定是否正确地执行此操作,或者不确定是否存在其他阻止显示图像的问题。
我确定这是一个非常基本的问题,我忽略了一些显而易见的问题。我只是最近才开始学习如何在Rails中使用Webpacker和React。在React组件中,如果我是...
Webpack将所有内容都视为JavaScript模块。在基于Webpack的项目中从JavaScript引用图像时,您可以像导入其他模块一样将其导入。导入的变量代表图像的URL。对于带有Webpacker的Rails,Webpacker的配置将指示Webpack发出导入的图像作为单独的文件。