如何使用的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

回答

相關問題