1

このリポジトリを Webpack 反応アプリで使用するにはどうすればよいですか: https://github.com/chris-rudmin/Recorderjs

新しいライブラリを作成し、メインファイルをes6モジュールスタイルでエクスポートするところまで行きました。

webpack でビルドしましたが、パッケージを使用しようとすると問題が発生します。私は使用できます：

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

しかし、それをエンコードしようとすると、WebWorker が使用されます。私が知る限り、これは js ファイルへのパスである必要があります。

したがって、質問は2つの部分に分かれています。

  1. このような依存関係を処理するには、webpack をどのようにセットアップすればよいですか?
  2. 開発中、webpack dev サーバーで静的ファイルを提供するにはどうすればよいですか?

理想的には、この lib のすべての部分のモジュールを作成し、どのプロジェクトでも簡単に使用できるようにしたいと考えています。

最後に、このプロジェクトのエンコーダーは emscripten でコンパイルされていますが、webpack でこのようなファイルを処理する方法がわかりません。webpackに触れさせずに通過させることはできますか?

ありがとうございました

4

2 に答える 2

0

webpack の依存関係をセットアップする最も簡単な方法は、github からのインストールをサポートする npm を使用することです。

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-loaderES6 モジュールのインポートを有効にするためにインストールすることを忘れないでください。

webpack のドキュメントを使用して、開発サーバーをセットアップします。

「外部」モジュールに触れないようにwebpackに指示できます。

于 2015-10-14T08:35:35.150 に答える