在 client/components 文件夹中的组件之一中,我从 public/images 文件夹导入三个图像。在某个时刻,webpack 为每个图像创建了一个文件,其散列名称如下:0e8f1e62f0fe5b5e6d78b2d9f4116311.png
。如果我删除这些文件,它们不会重新创建,我希望 webpack 仅使用图像文件夹中提供的图像。
现在,我尝试在代理服务器上部署应用程序,并且在页面加载时成功下载哈希文件,但图像未显示。我有预感,解决原始 webpack 问题将解决代理服务器的问题,但我也不确定。
root
├── client
│ └── components
├── database
├── public
│ ├── images
│ ├── app.js
│ └── index.html
└── server
└── server.js
const path = require('path');
module.exports = {
entry: path.resolve(__dirname, './client/index.js'),
module: {
loaders: [
{
test: /\.jsx?$/,
exclude: /node_modules/,
loader: 'babel-loader',
query: {
presets: ['react', 'es2015', 'env']
},
},
{
test: /\.png$/,
use: 'file-loader'
}
],
},
output: {
path: path.join(__dirname, '/public'),
filename: 'app.js',
}
};
上面是我的文件结构。我尝试使用当前的配置,但在设置 webpack 方面遇到了困难。任何有关这些问题的帮助将不胜感激。