javascript - Lorsque gulp exécute la tâche webpack, le fichier est généré et le chargeur n'est pas exécuté.

Question

fichier de configuration gulpfile.js

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/'));
});

fichier de configuration 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']
                }
            }}
        ]
    }
};

fichier app.js

import './a.js';

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

Lorsque seul webpack est utilisé, les fichiers js peuvent être générés et exécutés par babel-loader, mais lorsque gulp est exécuté, babel-loader n'est pas exécuté
Débutant avec webpack et gulp ~ Merci pour vos conseils~~

.

Answer 1

Parce que webpack dans webpack-stream est toujours 1.9.0, le webpackconfig que vous utilisez est déjà une syntaxe 2.0, similaire aux règles.

Il est logique de ne pas l'exécuter. Si vous souhaitez utiliser gulp+webpack, vous pouvez vous référer à webpack-stream

.

Si vous souhaitez utiliser une version de webpack différente de celle utilisée par ce plugin, transmettez un 2ème argument facultatif :

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/'));
});

Au fait, laissez-moi vous donner une réponse à une question que d'autres ont posée.
http://stackoverflow.com/ques...