作为 npm 包的一部分提供 mp3 文件答案

【问题标题】：Serving mp3 files as part of a npm package作为 npm 包的一部分提供 mp3 文件
【发布时间】：2018-11-12 15:06:36
【问题描述】：

我创建了一个使用 mp3 文件的 NPM 包，并使用 howler.js 播放它们。

当我将包安装为另一个项目的依赖项时，我似乎无法播放 node_modules 文件夹中的文件。

我尝试过单独使用 babel 和 webpack 与 babel、file-loader、url -加载器.

要求文件的代码

    const filePath = path.join(__dirname, 'dist/public/Media/' + note.instrument + '/' + 'FF_' + notes['b'][notes[note.lang].indexOf(note._note)] + note._octave + '.mp3')
    sounds.set(key, new Howl({
        src: [filePath]
    }))

webpack.config.js

const path = require('path')

module.exports = {
  entry: './src/index.js',
  mode: 'development',
  output: {
    filename: 'bundle.js',
    path: path.resolve(__dirname, 'dist')
  }
}

错误

访问 XMLHttpRequest 在来自原点“null”的“file:///dist/public/Media/Piano/FF_C1.mp3”有被 CORS 策略阻止：仅支持跨源请求用于协议方案

如何捆绑和解析静态资源以用于其他项目？

【问题讨论】：

标签： javascript npm webpack mp3 babel-loader

【解决方案1】：

如果有人想知道，我最终通过创建一个提供文件并在需要时获取它们的 Rest API 解决了这个问题。

【讨论】：