我有一个大型项目,正在尝试将其转换为使用webpack构建系统。我已经接近了,但是我遇到了一个问题。
我创建了一个git存储库来演示我的问题:
https://github.com/scottschafer/webpack-image-issue.git
我的CSS(和更少)使用url()引用,如下所示:
body {
width: 100%;
height: 100%;
background-color: yellow;
background-image: url('/assets/images/example.png');
}
这不会发出'example.png'文件,并且图像无法加载。
如果我像这样在index.ts文件中手动导入图像,则该文件将被发射并加载: 导入'@ src / assets / images / example.png';
如何解决此问题,以便自动识别并发出我的CSS url参考?