无法从使用webpack构建的公用文件夹加载图像

Question

我最近从grunt迁移到了让webpack工作的麻烦。处理所有图像并将其添加到构建应用程序时创建的公用文件夹中。它是构建后的公用文件夹：

在index.html文件中，我引用ts-logo.svg的路径，如下所示：src="content/images/ts-logo.svg"

我知道图像在那里，因为我可以在devtools中看到它的窗口：

为什么文件夹中只有一个图像，我不知道。当我在devtools中打开svg文件时，该文件为空，从终端运行wget说不然：

wget http://localhost:1384/content/images/ts-logo.svg
--2017-11-01 15:17:29--  http://localhost:1384/content/images/ts-logo.svg
Resolving localhost (localhost)... 127.0.0.1
Connecting to localhost (localhost)|127.0.0.1|:1384... connected.
HTTP request sent, awaiting response... 200 OK
Length: 65 [image/svg+xml]
Saving to: ‘ts-logo.svg.1’

ts-logo.svg.1       100%[===================>]      65  --.-KB/s    in 0s      

2017-11-01 15:17:29 (12,9 MB/s) - ‘ts-logo.svg.1’ saved [65/65]

Answer 1

公共文件夹始终为空，因为我在webpack-dev-server脚本中运行package.json。运行webpack，根据需要构建公用文件夹。

Answer 2

同样的问题！在我的结束时，在角度1.x项目中手动配置webpack

尝试在webpack中加载图像的以下配置，现在一些文件在公共路径加载：

{ test: /\.(png|jpg|jpeg|gif)$/, loader: 'file-loader?name=./assets/images/[name].[ext]&publicPath=./' }

为： screenshot of browser after image load