如何让 use-sound 挂钩与 Parcel 一起使用？

Question

我已经开始使用 Parcel 构建 React 网站，并想使用 use-sound 挂钩，但 Parcel 给我带来了问题。

Answer 1

这对我有用：

步骤：

1. 在根目录中创建一个“.parcelrc”文件，其中包含以下内容：

{
  "extends": "@parcel/config-default",
  "transformers": {
    "*.{au,wav,mp3}": ["@parcel/transformer-raw"]
  }
}

2. 奔跑

   npm install howler

3. 在您的 package.json 中，包含以下行：

"alias": {
    "howler": "howler/dist/howler.core.min.js"
},

4. 最后，这是我使用音效的代码片段：

import React from 'react';

import useSound from 'use-sound';
import submitSound from '../../sounds/compute.wav';

function SubmitButton() {
  const [playSubmit] = useSound(submitSound);

  return (
    <button onClick={playSubmit}>{'Submit'}</button>
  );
}

export default SubmitButton;