Tiến trình Webpack bằng cách sử dụng node.js API

Question

Hiện tại có cách nào để truy cập tiến trình của webpack trong khi sử dụng API node.js không? Tôi đã quen với cờ --progress sử dụng CLI.

Answer 1

Webpack CLI sử dụng ProgressPlugin để ghi lại tiến trình biên soạn.

var ProgressPlugin = require('webpack/lib/ProgressPlugin'); 

var compiler = webpack(config); 

compiler.apply(new ProgressPlugin(function(percentage, msg) { 
    console.log((percentage * 100) + '%', msg); 
})); 

compiler.run(function(err, stats) { 
    // ... 
}); 

Dưới đây là một liên kết đến Compiler documentation và ProgressPlugin documentation.

Answer 2

https://www.npmjs.com/package/progress-bar-webpack-plugin plugin này thúc đẩy tiến trình của nút.

new ProgressBarPlugin({ 
    format: ' build [:bar] :percent (:elapsed seconds)', 
    clear: false, 
    width: 60 
    }) 

Answer 3

Để một cái gì đó đầu ra tương tự như CLI --progress cờ:

var webpack = require('webpack') 
    var ProgressPlugin = require('webpack/lib/ProgressPlugin') 
    var config = require('./webpack.config') 
    var compiler = webpack(config) 

    compiler.apply(new ProgressPlugin(function (percentage, msg, current, active, modulepath) { 
     if (process.stdout.isTTY && percentage < 1) { 
     process.stdout.cursorTo(0) 
     modulepath = modulepath ? ' …' + modulepath.substr(modulepath.length - 30) : '' 
     current = current ? ' ' + current : '' 
     active = active ? ' ' + active : '' 
     process.stdout.write((percentage * 100).toFixed(0) + '% ' + msg + current + active + modulepath + ' ') 
     process.stdout.clearLine(1) 
     } else if (percentage === 1) { 
     process.stdout.write('\n') 
     console.log('webpack: done.') 
     } 
    })) 

    compiler.run(function (err, stats) { 
     if (err) throw err 
     process.stdout.write(stats.toString({ 
     colors: true, 
     modules: false, 
     children: false, 
     chunks: false, 
     chunkModules: false 
     }) + '\n\n') 
    })