用React 开发文件名都是.js命名 webpack 怎样提取js文件里面<img src="">的路径

Question

1：webpack 怎样提取js文件里面<img src="">的路径转换成base64字符串

const NavTitle = React.createClass({
    render(){
        return(
            <div>
                <nav className="navbar navInfo navbar-fixed-top">
                    <div className="titleBack initHeight"><img src="../../src/image/back.png"/></div>
                </nav>
            </div>
        )
    }
})
export default NavTitle

这个<img  src="../../src/image/back.png"/>怎么编译成字符串

Answer 1

楼上正理，import进js，直接使用

Answer 2

既然你用了webpack，
image不是这么用的啦~

import image from '../../src/image/back.png';
...
<img src={image}/>

记得配置好loader

Answer 3

也可以使用commonJs语法

const img=require(url);