ライブラリをwebpackにバンドルするにはどうすればいいですか？

Question

フロントエンドライブラリを作成したいと思います。 したがって、webpackを使用したいと思います。私は特にCSSと画像ローダーが好きです。 しかし、webpackを使用している場合は、非JSファイルのみを要求できます。 私は図書館を建てているので、私の図書館のユーザーもそうであるとは断言できません。それを公開するUMDモジュールにすべてをバンドルする私の方法は、

ありますか？ 複数のエントリポイントを使用しようとしましたが、モジュールを要求することはできません。事前

Answer 1

で

ありがとうございますWebPACKの2.0 documentation site内のライブラリを作成するための良いガイドを見つけることができます。そのため、私はこの例ではwebpack.config.jsにver 2構文を使用しています。ここで

は、サンプル・ライブラリーとGithub repoです。

それは単にumdモジュールとして要求される可能性が1つのJSバンドルにsrc/（js、pngとcss）からすべてのファイルを作成します。

我々は webpack.config.jsでフォロー設定を指定する必要があり、そのための

：

output: { 
    path: './dist', 
    filename: 'libpack.js', 
    library: 'libpack', 
    libraryTarget:'umd' 
}, 

とpackage.jsonている必要があります：あなたは一つのファイルにすべてのものをパックするために、適切なローダーを使用する必要が

"main": "dist/libpack.js", 

注意。例えばbase64-image-loaderの代わりにfile-loader