如何与webpack一起消费这个？
如何与webpack一起消费这个？
提问于 2015-10-14 05:17:20
我如何在webpack反应应用程序中使用这个回购程序：https://github.com/chris-rudmin/Recorderjs
我已经创建了一个新的库，并导出了es6模块样式的主文件。
我和webpack一起建房子，但是当我尝试使用这个包的时候，问题就发生了。我可以使用：
import Recorder from 'audio-recorder';
var recorder = new Recorder();但是，一旦我尝试对它进行编码，然后使用一个WebWorker，据我所知，这需要成为一个js文件的路径。
因此，问题分为两部分：
- 我该如何设置webpack来处理这样的依赖呢？
- 在开发过程中，如何拥有webpack开发服务器，提供静态文件？
理想情况下，我希望为这个库的所有部分创建模块，并在任何项目中轻松地使用它。
最后，这个项目的编码器是通过emscripten编译的，我不知道如何在webpack中处理这样的文件。难道不让webpack碰它就能通过它吗？
谢谢
回答 2
Stack Overflow用户
发布于 2015-10-14 08:35:35
设置webpack依赖关系的最简单方法是使用npm --它支持从github安装。
npm install https://github.com/chris-rudmin/Recorderjs然后可以按其名称导入模块(在package.json中定义)：
import Recorder from 'opus-recorder';
var recorder = new Recorder();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不要碰“外部”模块。
Stack Overflow用户
发布于 2018-05-03 16:28:27
您可以使用这个npm模块- https://www.npmjs.com/package/recorder-js，这是一个与es6兼容的包装器，可以通过webpack轻松地使用。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/33117110
复制相关文章
相似问题
腾讯云开发者
