相关疑难解决方法(0)

Webpack和Typescript图像导入

我正在使用React应用程序并使用WebpackTypescript.我想在其中一个<img/>标签中使用图像.但是,我没有找到正确的方法来访问图像文件.

webpack.config.js:

 ...
 module: {
        rules: [
            ...
            {
                test: /\.(png|jpe?g|svg)$/,
                loader: 'file-loader',
                options: {
                    name: 'assets/[name].[ext]',
                }
            }
        ]
Run Code Online (Sandbox Code Playgroud)

app.tsx:

...
render() {
    return <img src='/assets/logo-large.png' alt="logo"/>
}
Run Code Online (Sandbox Code Playgroud)

运行应用程序时,assets/logo-large.png找不到资源.

typescript reactjs webpack

25
推荐指数
4
解决办法
1万
查看次数

标签 统计

reactjs ×1

typescript ×1

webpack ×1