2017-05-09 5 views
1

webpakでこのGulpスクリプトを再現して、ファイルをリッスンするプロセスを1つしか持たないようにしたいのですが、私は公開ローダーと試みたが、それは常にいくつかの依存関係をミスこれは私のガルプタスクjpファイルをwebpack(gulpスクリプトのように)に連結しようとしています

gulp.task('scripts', function(){ 

return gulp.src(WATCH_SCRIPTS.SCRIPTS) 
    .pipe(plumber()) 
    .pipe(sourcemaps.init()) 
    .pipe(concat('plugins.min.js')) 
    .pipe(babel({ compact: false, babelrc: false, presets: ['es2015-allow-top-level-this'] })) 
    .pipe(ifElse(PROD_ENV, 
    () => {return uglify({ 
     hoist_vars: true, 
     global_defs: { 
     jQuery: false, 
     $: false, 
     } 
    })}, 
    () => {return sourcemaps.write('./')} 
)) 
    .pipe(plumber.stop()) 
    .pipe(gulp.dest(BUILD_PATH + '/js')); 
}); 

です。

{ 
    name: 'scripts', 
    target: 'web', 
    entry: glob.sync('./src/assets/js/**/*.js'), 
    devtool: 'cheap-module-eval-source-map', 
    output: { 
    path: path.resolve(__dirname, 'public/js/'), 
    filename: 'plugins.min.js', 
    sourceMapFilename: 'plugins.min.js.map', 
    }, 
    module: { 
    rules: [ 
     { 
     test: /[\/]global\.js$/, 
     use: [{ 
      loader: 'expose-loader', 
      options: 'Materialize' 
     }] 
     }, 
     { 
     test: /[\/]jquery\.js$/, 
     use: [{ 
      loader: 'expose-loader', 
      options: 'jQuery' 
     },{ 
      loader: 'expose-loader', 
      options: '$' 
     }] 
     } 
    ] 
    } 
} 

私はマテリアライズこのファイルhttps://github.com/Dogfalo/materialize/blob/master/js/global.jsから不定であった(グッタスクのように)プリセットでバベルローダと

presets: ['es2015-allow-top-level-this'] 

を試みました。

私はちょうどファイルの変更を聞いてgulp scriptsを開始したり、ファイルを直接連結する方法はありますか?私は

2.あなたが

答えて

0

それが連結していません'script-loader'を試してみてくださいありがとうWebPACKのに非常に新しいですが、それは「簡単な連結」を探していたとき、私はもともと必要なものであるグローバルな文脈でのスクリプトを実行します。

関連する問題