-
Notifications
You must be signed in to change notification settings - Fork 331
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Drop --info, quieten middleware and add WebpackDXPlugin
- Loading branch information
Showing
10 changed files
with
163 additions
and
24 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,109 @@ | ||
| import {green, red, yellow} from 'chalk' | ||
|
|
||
| const friendlySyntaxErrorLabel = 'Syntax error:' | ||
|
|
||
| export function clearConsole() { | ||
| process.stdout.write('\x1B[2J\x1B[0f') | ||
| } | ||
|
|
||
| function formatMessage(message) { | ||
| return message | ||
| // Make some common errors shorter: | ||
| .replace( | ||
| // Babel syntax error | ||
| 'Module build failed: SyntaxError:', | ||
| friendlySyntaxErrorLabel | ||
| ) | ||
| .replace( | ||
| // Webpack file not found error | ||
| /Module not found: Error: Cannot resolve 'file' or 'directory'/, | ||
| 'Module not found:' | ||
| ) | ||
| // Internal stacks are generally useless so we strip them | ||
| .replace(/^\s*at\s.*:\d+:\d+[\s\)]*\n/gm, '') // at ... ...:x:y | ||
| // Webpack loader names obscure CSS filenames | ||
| .replace(/\.\/~\/css-loader!(\.\/~\/\w+-loader!)*/, '') | ||
| } | ||
|
|
||
| function isLikelyASyntaxError(message) { | ||
| return message.indexOf(friendlySyntaxErrorLabel) !== -1 | ||
| } | ||
|
|
||
| export default class WebpackDXPlugin { | ||
| constructor({clear = true, successMessage = null} = {}) { | ||
| // Should the plugin clear the console after every rebuild? | ||
| this.clear = clear | ||
| // Custom message to display after successful compilation, e.g. the URL the | ||
| // dev server is running on. | ||
| this.successMessage = successMessage | ||
|
|
||
| this.done = this.done.bind(this) | ||
| this.invalid = this.invalid.bind(this) | ||
| } | ||
|
|
||
| apply(compiler) { | ||
| compiler.plugin('done', this.done) | ||
| compiler.plugin('invalid', this.invalid) | ||
| } | ||
|
|
||
| clearConsole() { | ||
| if (this.clear) clearConsole() | ||
| } | ||
|
|
||
| done(stats) { | ||
| this.clearConsole() | ||
| let hasErrors = stats.hasErrors() | ||
| let hasWarnings = stats.hasWarnings() | ||
| if (!hasErrors && !hasWarnings) { | ||
| console.log(green('Compiled successfully!')) | ||
| console.log() | ||
| if (this.successMessage) { | ||
| console.log(this.successMessage) | ||
| console.log() | ||
| } | ||
| return | ||
| } | ||
|
|
||
| let json = stats.toJson() | ||
| let formattedErrors = json.errors.map(message => | ||
| `Error in ${formatMessage(message)}` | ||
| ) | ||
| let formattedWarnings = json.warnings.map(message => | ||
| `Warning in ${formatMessage(message)}` | ||
| ) | ||
|
|
||
| if (hasErrors) { | ||
| console.log(red('Failed to compile.')) | ||
| console.log() | ||
| if (formattedErrors.some(isLikelyASyntaxError)) { | ||
| // If there are any syntax errors, show just them. | ||
| // This prevents a confusing ESLint parsing error preceding a much more | ||
| // useful Babel syntax error. | ||
| formattedErrors = formattedErrors.filter(isLikelyASyntaxError) | ||
| } | ||
| formattedErrors.forEach(message => { | ||
| console.log(message) | ||
| console.log() | ||
| }) | ||
| return | ||
| } | ||
|
|
||
| if (hasWarnings) { | ||
| console.log(yellow('Compiled with warnings.')) | ||
| console.log() | ||
| formattedWarnings.forEach(message => { | ||
| console.log(message) | ||
| console.log() | ||
| }) | ||
|
|
||
| console.log('You may use special comments to disable some warnings.') | ||
| console.log(`Use ${yellow('// eslint-disable-next-line')} to ignore the next line.`) | ||
| console.log(`Use ${yellow('/* eslint-disable */')} to ignore all warnings in a file.`) | ||
| } | ||
| } | ||
|
|
||
| invalid() { | ||
| this.clearConsole() | ||
| console.log('Compiling...') | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters