2016-03-17 2 views
1

Я настроен gulp & webpack для создания файла bundle.js, гляньте код ниже:Создание bundle.js с WebPack и глотка

Глоток

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

Webpack

var path = require('path'); 

module.export = { 
    entry: './app/app.js', 
    output: { 
     filename: "./build/bundle.js", 
     sourceMapFilename: "./build/bundle.map" 
    }, 
    devtool: '#source-map', 
    module: { 
     loaders: [ 
      { 
       loader: 'babel', 
       test: /\.jsx?$/, 
       exclude: /(node_modules|bower_components)/, 
       query: { 
        presets: ['react', 'es2015', 'stage-2'] 
       } 
      } 
     ] 
    }, 
    resolve: { 
     root: path.resolve('./app'), 
     extenstions: ['', '.js'] 
    } 
} 

В основном моя проблема в том, что файл сгенерирован правильно, но имя файла неверно, должно быть bundle.js и я получаю случайное имя файла, например 63432692d402c38f8df5.js

Любая идея, что происходит?

enter image description here

+0

AFAIK в Webpack есть '' filename' и path' поэтому не уверен, './Строить/bundle.js' правильно – elclanrs

+0

Путь правильный, я добавил изображение. @elclanrs – gon250

+0

Я имею в виду, что вместо 'filename:./build/bundle.js' вы бы выполнили' filename: 'bundle.js', path: './build'' – elclanrs

ответ

2

Изменения module.export к module.exports в вашем webpack.config.js