【发布时间】：2016-04-20 05:22:04
【问题描述】：
这听起来很荒谬，但我一辈子都无法在我的由 webpack 搭建的 Angular 项目中显示内联图像。每次我使用图像的有效路径（在<img> 标签或我的require('/app/image.png') 中，我都会收到错误消息：
解析文件时出现意外字符“�” (1:0)：/app/image.png
我尝试过使用几乎所有图像加载器、文件加载器、静态加载器等。我尝试了不同的图像和这些图像的不同位置。我哪里错了？
这是我当前来自 webpack.config.js 的图像加载器：
{
test: /\.png$/,
loader: "url-loader?limit=8192"
}
我看到所有这些引用都包括在 require 语句中包含加载器，例如：
require("url?limit=10000!/app/image.png");
每当我在 /app/scripts/main.js 文件中尝试任何类似的操作时，都会收到此错误：
在“/Users/dmp/bidder-client/app/scripts”中找不到模块“url?limit=10000!/app/image.png”
我很困惑：/
【问题讨论】：
-
我认为 browserify 不应该解析图像。我认为它是用于解析 JS 文件以便它可以处理所需的语句
标签： javascript angularjs image webpack browserify