如何使用 SnowpackJS 加载 HDR 文件

Question

我一直在尝试在我的 Snowpack 应用程序中加载 HDR 文件（与 THREE.js 一起使用）。我可以加载 .jpg 文件，但我似乎无法加载 .hdr。

我试过使用 snowpack-plugin-raw-file-loader 但没用。我能够导入 .md 文件和其他此类文件类型，但我无法导入特别是 .hdr 文件。

甚至可以这样做吗？

我的snowpack.config.mjs文件

// Snowpack Configuration File
// See all supported options: https://www.snowpack.dev/reference/configuration

/** @type {import("snowpack").SnowpackUserConfig } */
export default {
  mount: {
    public: { url: '/'},
    js: { url: '/dist' },
  },
  plugins: [
    /* ... */
    [
      '@snowpack/plugin-webpack',
      {
        /* see "Plugin Options" below */
      },
    ],
    ["snowpack-plugin-raw-file-loader", {
      exts: [".txt", ".md", ".svg", ".hdr"], // Add file extensions saying what files should be loaded as strings in your snowpack application. Default: '.txt'
    }],
    '@snowpack/plugin-postcss',
    '@snowpack/plugin-sass'
  ],
  packageOptions: {
    /* ... */
    // source:"remote"
  },
  devOptions: {
    tailwindConfig: './tailwind.config.js',
  },
  buildOptions: {
    /* ... */
  },
};

Answer 1

在 snowpack 中，您只能导入与 index.js 文件位于同一文件夹中的外部文件。当您导入文件时，snowpack 会添加 ./src 或 ./js，具体取决于您如何设置 package.json。

如何使用 SnowpackJS 加载 HDR 文件

How to load HDR files using SnowpackJS

snowpack