如何在调试模式下使用Webpack 3

时间:2017-06-26 10:22:16

标签: debugging webpack browserify

我想在调试模式下使用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个文件?

0 个答案:

没有答案