今天用webpack打包发现一个问题。额，也许并不是webpack的问题。总之，是浏览器无法找到图片。比如文件名是twitch.tv JSON API.JPG。浏览器无法获取这张图片，但把twitch.tv里面的点号去掉就可以了。
还有一个问题，一起写了。就是通过vue动态写入路径会导致打包时路径无法替换。比如：
……
<img :src="src">
……
export default {
data(){
return {
src: '../assets/image/1.jpg'
}
}
}
打包之后图片的路径就是../assets/image/1.jpg。并不会替换成打包后的路径。百度之后发现修改一下就好了。
……
<img :src="src">
……
export default {
data(){
return {
src: require('../assets/image/1.jpg')
}
}
}
添加一个require。
文章最初发布在简书，时间为 2018.07.16 15:22。