javascript - express+webpack+react项目搭建遇到的坑

问题描述

问 题

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

src＝../img/1.jpg
src＝{require('../img/1.jpg')}

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

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

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

解决方案

webpack里，src不能直接用路径的（css里可以）。如果可以，望大神指出来。

es6可能或优雅一点。

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

<img src={pic} alt="湖" />

这篇关于javascript - express+webpack+react项目搭建遇到的坑的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！