Javascript 使用webpack生成bundle.js&;吞咽
我已经配置了Javascript 使用webpack生成bundle.js&;吞咽,javascript,gulp,bundle,webpack,Javascript,Gulp,Bundle,Webpack,我已经配置了gulp&webpack来生成bundle.js文件,看看下面的代码: 大口喝 // Webpack gulp.task('webpack', function() { return gulp.src('./app/app.js') .pipe(webpack(require('./webpack.config.js'))) .pipe(gulp.dest('./build')); }); 网页包 var path = require('path'); mod
gulp&webpack
来生成bundle.js文件,看看下面的代码:
大口喝
// Webpack
gulp.task('webpack', function() {
return gulp.src('./app/app.js')
.pipe(webpack(require('./webpack.config.js')))
.pipe(gulp.dest('./build'));
});
网页包
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
知道发生了什么吗
更改
模块。导出到模块。导出在你的网页中。config.js如果网页中有文件名和路径,那么不确定/build/bundle.js
是否正确路径正确,我添加了一个图像@Elclars我的意思是,你不用文件名:./build/bundle.js
而是做文件名:'bundle.js',路径:'./build'./code>我试过输出:{path:u dirname+“/build”,文件名:'bundle.js}
,但我仍然得到了相同的..这很奇怪。@elclars