javascript - Apabila gulp melaksanakan tugas webpack, fail dijana dan pemuat tidak dilaksanakan.

Question

gulpfile.js fail konfigurasi

var gulp = require('gulp');
var webpack = require('webpack-stream');
var named = require('vinyl-named');

gulp.task('default', function () {
    return gulp.src('./resource/js/app.js')
        .pipe(webpack( require('./webpack.config.js') ))
        .pipe(gulp.dest('./public/js/'));
});

fail konfigurasi webpack.config.js

module.exports = {
    entry : './resource/js/app.js',
    output : {
        filename : 'bundle.js'
    },
    module : {
        rules : [
            {
                test : /\.js$/, use : {
                loader : 'babel-loader',
                options : {
                    presets : ['es2015']
                }
            }}
        ]
    }
};

fail app.js

import './a.js';

function helloworld()
{
    console.log(1);
}

Apabila hanya webpack digunakan, fail js boleh dijana dan dilaksanakan oleh babel-loader, tetapi apabila gulp dilaksanakan, babel-loader tidak dilaksanakan
Pemula untuk webpack dan gulp ~ Terima kasih atas nasihat anda~~

Answer 1

Oleh kerana pek web dalam aliran webpack masih 1.9.0, konfigurasi webpack yang anda gunakan sudah mempunyai sintaks 2.0, sama seperti peraturan.

Masuk akal untuk tidak melaksanakannya Jika anda ingin menggunakan gulp+webpack, anda boleh merujuk kepada webpack-stream

Jika anda ingin menggunakan versi pek web yang berbeza daripada versi pemalam ini, berikan hujah ke-2 pilihan:

var gulp = require('gulp');
var webpack2 = require('webpack2');
var gulpWebpack = require('webpack-stream');
gulp.task('default', function() {
  return gulp.src('src/entry.js')
    .pipe(gulpWebpack({}, webpack))
    .pipe(gulp.dest('dist/'));
});

By the way, izinkan saya memberi anda jawapan kepada soalan yang ditanya oleh orang lain.
http://stackoverflow.com/ques...