2015-01-10 15 views
8

JSモジュールのフォルダ構造があります。 1ページに1つのモジュールが必要です。これは単一のページアプリではありません。webpackで複数のフォルダを出力するにはどうすればいいですか?

ファイルをフォルダ構造で出力するにはどうすればよいですか?

私が見ることができるから、唯一の可能性は​​です。私が名前を非常にユニークにすると、これはうまくいくかもしれません。あるいは、名前にフォルダセパレータのために-という名前を付けることができます。つまりa/b/c.jsa-b-cに変換されます。私は本当にこれが好きではない。私はrequire("a/b/c")になりたいです。

requireは、モジュールの外部では使用できないため、1つのバンドルファイルを使用することはできません。それがあった場合は、すべてのページに単一のバンドルとrequire("a/b/c")を作成するだけです。

これを行うにはインターネットで見つけられないということがある場合は、教えてください。

私はr.jsを使ってrequire.jsで簡単にこれを行うことができますが、require.jsを使いたくないので、CommonJSモジュールが好きです。

+0

私はこれに似たようなことをしていますが、全く同じではありません。私の 'webpack.config.js'では、異なる' npm'スクリプトを実行するときに設定するNODE_ENV環境変数に応じて、いくつかの異なる設定を作成しました。たとえば、私の 'package.json'に' set NODE_ENV = development && webpack "を実行する' build-dev'というスクリプトがあります。これはあなたにいくつかのアイデアを与えることを望む! – Ganonside

答えて

1

[名前]を使用して新しいフォルダを作成することもできます。このような

entry: { 
    "main-plugin/js/background":"./src/main-plugin/background" 
} 

そしてoutput

output: { 
    path: path.join(__dirname, 'public'), 
    filename: '[name].js' 
}, 

このセットアップはpublic/main-plugin/jsフォルダと意志を作成します。このように:このよう

output: { 
    path: __dirname, 
    filename: '[name]/[name].js', 
    chunkFilename: '[name].js', 
    publicPath: '/assets/' 
}, 
10

あなたは、スラッシュを使用してエントリポイントを定義することができますそれにbackground.jsを置きます。少なくともWin7x64で動作します。

関連する問題