Javascript 如何使用webpack消费此产品

我如何在webpack react应用程序中使用此回购：

我创建了一个新库，并以es6模块风格导出了主文件

我使用webpack构建，但是当我尝试使用这个包时，问题就发生了。我能够使用：

import Recorder from 'audio-recorder';
var recorder = new Recorder();

但一旦我尝试编码它，然后使用一个WebWorker，据我所知，这需要是一个js文件的路径

因此，问题分为两部分：

我应该如何设置webpack来处理这样的依赖关系

在开发过程中，如何让webpack开发服务器提供静态文件

理想情况下，我希望为该库的所有部分创建模块，并使其在任何项目中都能轻松使用

最后，这个项目的编码器是通过emscripten编译的，我不知道如何在webpack中处理这样的文件。有没有可能在没有网页触摸的情况下通过它

---

谢谢

设置webpack依赖项的最简单方法是使用npm，它支持从github安装

npm install https://github.com/chris-rudmin/Recorderjs

然后，您可以按其名称（在中定义）导入模块：

webpack.config.js应如下所示：

module.exports = {
    entry: "./main.js",
    output: {
        path: __dirname,
        filename: "bundle.js"
    },
    module: {
        loaders: [
            { test: /\.js$/, loader: "babel" }
        ]
    }
};

不要忘记安装

babel loader

以启用ES6模块导入

用于设置开发服务器

---

您可以告诉webpack不要触摸模块。

设置webpack依赖项的最简单方法是使用npm，它支持从github安装

npm install https://github.com/chris-rudmin/Recorderjs

然后，您可以按其名称（在中定义）导入模块：

webpack.config.js应如下所示：

module.exports = {
    entry: "./main.js",
    output: {
        path: __dirname,
        filename: "bundle.js"
    },
    module: {
        loaders: [
            { test: /\.js$/, loader: "babel" }
        ]
    }
};

不要忘记安装

babel loader

以启用ES6模块导入

用于设置开发服务器

---

您可以告诉webpack不要触摸模块。

您可以使用此npm模块-这是一个es6兼容的包装，可以通过webpack轻松使用。

您可以使用此npm模块-这是一个es6兼容的包装，可以通过webpack轻松使用。

感谢您的回复。问题是回购协议不使用模块，还有WebWorkers的问题。当它使用新的WebWorker（'path/to/script'）时，找不到它。这就是我想包装lib的主要原因，这样就可以通过npm使用它。感谢您的回复。问题是回购协议不使用模块，还有WebWorkers的问题。当它使用新的WebWorker（'path/to/script'）时，找不到它。这就是我想包装lib的主要原因，这样就可以通过npm使用它。