angular - 使用 angular 8 和 webpack 添加 Assets 图像

Question

我正在尝试快速将一些图像添加到使用 webpack 的项目中。我管理 Angular 应用程序，但我从未使用过 webpack。我刚刚在项目中添加了一个带有 logo.png 文件的 src/assets/images 文件夹。然后，我需要它:

<img src="../../assets/images/logo.png">

但是我不能使用它，因为当我运行 npm start 时，我得到这个错误:

ERROR in ./src/assets/images/logo_app.png 1:0 Module parse failed: Unexpected character '�' (1:0) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders

你能帮我如何快速添加这张图片吗？提前致谢

Answer 1

你应该能够使用:

<img src="assets/images/logo.png">

这将在您的 angular.json 文件中起作用，assets 文件夹包含在构建选项的 assets 数组中(它是默认情况下)

//...
"architect": {
  "build": {
  //..
    "options": {
    //..
      "assets": [
        "path/to/assets/folder",
      ],
//..
}