如何使用的WebPack

消耗这个我怎么能消费这一回购中的WebPack反应程序：https://github.com/chris-rudmin/Recorderjs 如何使用的WebPack

我得到尽可能创造一个新的lib和出口在ES6模块式的主文件。

我使用webpack构建，但是当我尝试使用该包时会发生问题。我可以使用：

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

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

所以，问题是两个部分：

我应该如何设置的WebPack来处理这样的依赖？
在开发过程中，我如何拥有webpack dev服务器，提供静态文件？

理想情况下，我想为这个lib的所有部分创建模块，并且可以在任何项目中轻松使用它。

最后，这个项目的编码器是通过emscripten编译的，我不确定如何在webpack中处理这样的文件。是否有可能通过它没有webpack触摸它呢？

谢谢

来源

2015-10-14 Ned Henry

设置最简单的方法为的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's documentation来设置开发服务器。

你可以告诉webpack不要触摸"external"模块。

来源

2015-10-14 08:35:35 ahz

感谢您的回复。问题是回购不使用模块，也存在WebWorkers的问题。当它使用新的WebWorker（'path/to/script'）时，找不到它。这是我想包装lib的主要原因，以便它可以通过npm被使用。 –

如何使用的WebPack

回答

相关问题