我想在调试模式下使用webpack 3
。我的webpack.config文件是:
module.exports = {
progress: true,
watch: true,
module: {
loaders: [
// JSON
{ test: /\.json$/, loader: "json-loader" },
// React & ES2015
{
test: /.jsx?$/,
loader: 'babel-loader',
//exclude: /node_modules/,
query: {
presets: ['react', 'es2015']
},
}
]
},
plugins: [
new webpack.LoaderOptionsPlugin({
debug: true
})
]
}
该捆绑包非常完美,但是当我在浏览器中按CTRL+P
时(在调试窗口中打开了Source
选项卡),它只显示Index.bundle.js
。在过去,我使用braoserify
创建bundles
并使用以下配置我可以在控制台源标签中看到所有bundle
个文件:
browserify({
entries: ['js/index.js'],
transform: [babelify] ,//reactify],
debug: true
})
.bundle()
.on('error', function onError() {
gutil.log(gutil.colors.bgRed(' ! Browserify error: '), arguments);
})
.on('end', function onEnd() {
gutil.log(' > Browserify finished bundling');
})
//.pipe(uglify())
.pipe(source('index-boundle.js'))
.pipe(gulp.dest('js'));
有没有办法在使用budle
的brawser控制台中查看所有webpac 3
个文件?