javascript - express+webpack+react项目搭建遇到的坑
天蓬老师
天蓬老师 2017-04-11 09:42:10
[JavaScript讨论组]

1.项目中图片地址的问题:
js文件中图片引用的两种方式

src=“../img/1.jpg”
src={require('../img/1.jpg')}



二者在项目运行的时候没有问题,但是一但经过webpack打包编译后,在打开html文件时,第一种方式就显示路径错误,试过很多次都改不过来,
因为总觉得写require用在图片地址上总觉的特别的别扭,所以希望解决这个问题。

相关的解决问题耶都尝试过,觉得都在配置文件的路径问题,可以试了很多次都不成功,所以请求解决问题。

求解决这个问题
项目地址在
https://github.com/jeremyChen...
项目的运行方法上面写的很清楚。

天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

全部回复(2)
PHPz

webpack里,src不能直接用路径的(css里可以)。如果可以,望大神指出来。

es6可能或优雅一点。

import pic from '../img/lake.jpg';

<img src={pic} alt="湖" />
伊谢尔伦

怎么没人回答啊

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号