在webpack世界中,我可以使用file-loader来打包和访问图片的url。
例如,在React组件中使用它的方式如下:
就像这样:
const webpackConfig = {
// ...
module: {
rules: [
{
test: /\.(jpg|png|svg)$/,
use: [
{loader: 'file-loader?name=[path][name].[hash].[ext]'}
],
include: paths
}
]
}
}
例如,在React组件中使用它的方式如下:
import foo from 'assets/images/foo.png'
function ReactFunctionalComponent () {
return (<img src={foo} />)
}
那将把foo与图像的路径连接起来
在rollup js上是否有一种方法,使我可以在捆绑包中使用带哈希的图像资源作为URL?