使用Parceljs动态加载图像

时间:2018-01-21 10:11:12

标签: parceljs

当在构建时不知道图像名称时,是否可以使用parceljs bundler动态加载图像

在包裹

中是否有类似于webpack' require.context的内容

代码段(使用React和Parcel) 这很好用

app.business.com

但是如果使用表达式,它会抛出"未捕获错误:找不到模块"

_myPlot->clearPlottables();

QVector<double> x;
QVector<double> y;

for(int point = 0; point < shadowZone.length() ; point++){
    x.push_back(shadowZone.at(point).longitude);
    y.push_back(shadowZone.at(point).latitude);
}

QBrush shadowBrush (QColor(0,0,0), Qt::Dense7Pattern);

QCPCurve *newCurve = new QCPCurve(_myPlot->xAxis, _myPlot->yAxis);
newCurve->setBrush(shadowBrush);
newCurve->addData(x,y);

_myPlot->replot();

Image - Uncaught Error: Cannot find module

所以,我这样做错了吗?是否还有其他方法可以使用parcel

2 个答案:

答案 0 :(得分:4)

我不认为这是目前可能的,一个hacky方式iv围绕它,是这样做:

import icons from './assets/icons/**'

const icon_file_name = 'user'
const specificIcon = icons[`${icon_file_name}.png`]

<img src={specificIcon} />

答案 1 :(得分:0)

基于Luke Robertson的答案尝试了类似的破解,并且对我有用:

.post-id-2675 #related_posts {
    display:none!important;
}