Question

构建我的应用后，我需要让我的图片链接正常工作。如何polymer build将图片路径从src目录翻译为build/bundled/src？

我的文件结构开始看起来像这样：

my-app/
  index.html
  images/
    my-image.png
  src/
    my-element.html

我链接到my-element中的图片文件，如下所示：

我的应用程序内/ src目录/ MY-element.html

<img src="../images/my-image.png">

图像看起来很棒。

要构建我的应用程序，请运行以下命令：

polymer build

要查看我刚刚构建的内容，请运行：

polymer serve build/bundled

现在图片链接已损坏。所以我检查build/bundled目录中的源代码，注意<img src路径引用没有改变，也没有在images/子目录中创建任何新的build/bundled/子目录。相反，我看到以下内容：

我的应用程序内/建造/捆绑/ src目录/ MY-element.html

<img src="../images/my-image.png">

为了实现这一目标，文件结构应该有一个新的images/子目录，如下所示：

my-app/
  index.html
  images/
    my-image.png
  src/
    my-element.html
  build/
    bundled/
      index.html
      src/
        my-element.html
      images/
        my-image.png

但是，相反，它没有。看起来像这样：

my-app/
  index.html
  images/
    my-image.png
  src/
    my-element.html
  build/
    bundled/
      index.html
      src/
        my-element.html

因此，<img src链接会中断。

如何在我的polymer build流程中解决此问题？我是否需要在polymer.json，manifest.json，package.json，gulpfile.js或类似文件中添加内容？

Answer 1

您必须在includeDependencies文件中添加polymer.json数组：

{
  "includeDependencies": [
    "images/**/*"
  ]
}

构建中断图像链接

1 个答案: