在項目中，動態添加DOM結構(圖片)，圖片地址爲線上，而不是本地的解決方法

在項目中，動態添加圖片，圖片地址爲線上，而不是本地的解決方法

比如我們使用jquery或者zepto，在啓動的項目中，添加一個圖片的字符串

//這裏使用了es6的模版字符串
var videoStr = `<img id='j-start${videoId}' src="/img/start.png" /></div></div>`;
$('.swiper-wrapper').append(videoStr);

像上面的例子，我們要在DOM中動態添加一個圖片，有時候會出現錯誤
比如：
圖片的地址是線上的，所以會報錯。
如果是用webpack打包的項目，我們可以使用import導入圖片
再js最上面導入圖片

import start from './img/start.png'

然後這麼寫剛纔的代碼

var videoStr = `<img id='j-start${videoId}' src="${start}" /></div></div>`;
$('.swiper-wrapper').append(videoStr);

這樣就可以了，當然如果配置不一樣的話，寫法可能不同，這只是一種解決方案。
如有錯誤，希望大神指正，感激不盡！！！