-
Notifications
You must be signed in to change notification settings - Fork 26k
/
parseCss.ts
39 lines (33 loc) · 1.08 KB
/
parseCss.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
import Chalk from 'next/dist/compiled/chalk'
import { SimpleWebpackError } from './simpleWebpackError'
const chalk = new Chalk.constructor({ enabled: true })
const regexCssError =
/^(?:CssSyntaxError|SyntaxError)\n\n\((\d+):(\d*)\) (.*)$/s
export function getCssError(
fileName: string,
err: Error
): SimpleWebpackError | false {
if (
!(
(err.name === 'CssSyntaxError' || err.name === 'SyntaxError') &&
(err as any).stack === false &&
!(err instanceof SyntaxError)
)
) {
return false
}
// https://github.com/postcss/postcss-loader/blob/d6931da177ac79707bd758436e476036a55e4f59/src/Error.js
const res = regexCssError.exec(err.message)
if (res) {
const [, _lineNumber, _column, reason] = res
const lineNumber = Math.max(1, parseInt(_lineNumber, 10))
const column = Math.max(1, parseInt(_column, 10))
return new SimpleWebpackError(
`${chalk.cyan(fileName)}:${chalk.yellow(
lineNumber.toString()
)}:${chalk.yellow(column.toString())}`,
chalk.red.bold('Syntax error').concat(`: ${reason}`)
)
}
return false
}