2
私は、各モジュールが異なる単一の出力ファイルを持つように、動的に連結したい角度モジュールをいくつか用意しています。複数のエントリポイントを動的にロードして出力を分割する
もし私が持っている資源/資産/のJS /角度/ modulesディレクトリにあるように:
Role
- controllers
roleIndexController
- app.js
Descriptions
-controllers
descriptionIndexController
-app.js
そして私は、この2つのファイルになってしまうしたい:
RoleModule.js
DescriptionsModule.js
と私ドン新しいモジュールを追加するたびに、モジュールをgulpファイルに明示的に追加する必要がありません。
私はlaravelの万能薬でのWebPACKを使用してグロブ文字を追加しようとしました:
require('laravel-elixir-webpack');
elixir(function (mix) {
mix.webpack(
['angular/app.js', '.angular/modules/**/app.js'],
{
output : {
filename : './angular/app.js'
}
})
ともちょうどgulp-webpack
とglob_entries
を使用して:私もグロブワイルドカードを取得するように見えることはできません
gulp.task('compileAngularScripts', function(){
return gulp.src('angular/app.js')
.pipe(webpack({
entry : glob_entries('./resources/assets/js/angular/modules/**/app.js'),
output : {
filename : 'app.js'
}
}))
.pipe(gulp.dest('test/'));
});
文字を動的に連結するためには、各モジュールをそれ自身のファイルに分割するのがずっと少なくて済みます。
gulpを使用してこれを行う方法はありますか?