像在打字稿中一样导入图像

Question

在TypeScript中，有一种技术可以将图像import为string。

importTypeScript 源代码中的图像文件，

import spinner from 'assets/[e-mail]';

然后在tsc编译器生成的.js中，会有一行类似

var spinner = "data:image/png;base64,iVBORw0KGgoAAA.....";

我们如何在 PureScript 中完成同样的事情？通常的外部模块技术不起作用，因为它是执行此"图像导入"的tsc编译器。

引用

https://www.typescriptlang.org/docs/handbook/release-notes/overview.html#untyped-imports

https://webpack.js.org/guides/typescript/#importing-other-assets

Webpack 和 Typescript 图像导入

Answer 1

这适用于汇总.js和适当配置的@rollup/plugin-url

资产.purs

module Assets where
foreign import spinner :: String

资产.js

"use strict";
exports.spinner = require('assets/spinner.png').default;