构建后 css 文件中的 Webpack 图像未复制

Question

当我 运行 npm run build 加载/复制来自 .html 个文件的图像时。但是 css 文件中的那些不会被复制到最终的 dist/assets/img 文件夹中。

如果我使用 copy-webpack-plugin，一切正常 assets 文件夹被复制。但是我 cache 图片所以我会与 .html 文件中的图片重复。

这是我的config files。

Answer 1

您已禁用 url/image-set 文件 webpack.prod.js 第 52 行中 css-loader 的函数处理：

{ loader: 'css-loader', options: { url: false, sourceMap: true } },

替换为：

{ loader: 'css-loader', options: { sourceMap: true } },

Answer 2

我想通了。从 here.

得到解决方案

这里是我修改的 the previous gist，只针对 config 和 prod 文件。