diff --git a/lib/builder/webpack/plugins/progress.mjs b/lib/builder/webpack/plugins/progress.mjs index 1dce97d461..e40581d271 100644 --- a/lib/builder/webpack/plugins/progress.mjs +++ b/lib/builder/webpack/plugins/progress.mjs @@ -5,8 +5,13 @@ import logUpdate from 'log-update' const sharedState = {} -const BLOCK_CHAR = '█' const BAR_LENGTH = 25 +const IS_WINDOWS = false +const BLOCK_CHAR = IS_WINDOWS ? ' ' : '█' +const BLOCK_CHAR2 = IS_WINDOWS ? '#' : '█' +const ICON_CHAR = IS_WINDOWS ? ':' : '⠸' +const BAR_BEFORE = IS_WINDOWS ? chalk.grey('[') : '' +const BAR_AFTER = IS_WINDOWS ? chalk.grey(']') : '' export default class ProgressPlugin extends webpack.ProgressPlugin { constructor(options) { @@ -55,7 +60,7 @@ export default class ProgressPlugin extends webpack.ProgressPlugin { const _color = chalk.keyword(state.color) - const _icon = _color('⠸') + const _icon = _color(ICON_CHAR) const _name = _color(_.startCase(name)) const _bar = this._renderBar(state.progress, state.color) const _msg = chalk.grey(_.startCase(state.msg)) @@ -76,9 +81,9 @@ export default class ProgressPlugin extends webpack.ProgressPlugin { const bg = chalk.white(BLOCK_CHAR) // const fg = chalk.keyword(color)(BLOCK_CHAR) - const base = color === 'green' ? 100 : 50 - const fg = i => chalk.hsl(i * 3 + base, 100, 50)(BLOCK_CHAR) + const base = color === 'green' ? 120 : 50 + const fg = i => chalk.hsl(i * 3 + base, 100, 50)(BLOCK_CHAR2) - return _.range(BAR_LENGTH).map(i => i < w ? fg(i) : bg).join('') + return BAR_BEFORE + _.range(BAR_LENGTH).map(i => i < w ? fg(i) : bg).join('') + BAR_AFTER } }