theluyuan/vue3-yuanma
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

wip: generate codeframe for compiler deprecations

Browse Source
This commit is contained in:
Evan You 2021-04-16 11:51:47 -04:00
parent d974adb327
commit 79cbf21c3e
4 changed files with 40 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
packages/compiler-core/src/compat/compatConfig.ts
View File

@ -124,13 +124,8 @@ export function warnDeprecation(
typeof message === 'function' ? message(...args) : message
}${link ? `\n Details: ${link}` : ``}`
if (loc) {
const err = new SyntaxError(msg) as CompilerError
err.code = key
err.loc = loc
context.onWarn(err)
return
}
context.onWarn(msg)
const err = new SyntaxError(msg) as CompilerError
err.code = key
if (loc) err.loc = loc
context.onWarn(err)
}

2
packages/compiler-core/src/options.ts
View File

@ -10,7 +10,7 @@ import { CompilerCompatOptions } from './compat/compatConfig'
import { ParserPlugin } from '@babel/parser'
export interface ErrorHandlingOptions {
onWarn?: (msg: string | CompilerError) => void
onWarn?: (warning: CompilerError) => void
onError?: (error: CompilerError) => void
}

31
packages/vue-compat/src/index.ts
View File

@ -1,7 +1,7 @@
// This entry is the "full-build" that includes both the runtime
// and the compiler, and supports on-the-fly compilation of the template option.
import { initDev } from './dev'
import { compile, CompilerOptions, CompilerError } from '@vue/compiler-dom'
import { compile, CompilerError, CompilerOptions } from '@vue/compiler-dom'
import {
registerRuntimeCompiler,
RenderFunction,
@ -55,27 +55,32 @@ function compileToFunction(
extend(
{
hoistStatic: true,
onError(err: CompilerError) {
onError(err) {
if (__DEV__) {
const message = `Template compilation error: ${err.message}`
const codeFrame =
err.loc &&
generateCodeFrame(
template as string,
err.loc.start.offset,
err.loc.end.offset
)
warn(codeFrame ? `${message}\n${codeFrame}` : message)
onError(err)
} else {
/* istanbul ignore next */
throw err
}
}
},
},
onWarn: __DEV__ ? onError : NOOP
} as CompilerOptions,
options
)
)
function onError(err: CompilerError) {
const message = `Template compilation error: ${err.message}`
const codeFrame =
err.loc &&
generateCodeFrame(
template as string,
err.loc.start.offset,
err.loc.end.offset
)
warn(codeFrame ? `${message}\n${codeFrame}` : message)
}
// The wildcard import results in a huge object with every export
// with keys that cannot be mangled, and can be quite heavy size-wise.
// In the global build we know `Vue` is available globally so we can avoid

29
packages/vue/src/index.ts
View File

@ -49,27 +49,32 @@ function compileToFunction(
extend(
{
hoistStatic: true,
onError(err: CompilerError) {
onError(err) {
if (__DEV__) {
const message = `Template compilation error: ${err.message}`
const codeFrame =
err.loc &&
generateCodeFrame(
template as string,
err.loc.start.offset,
err.loc.end.offset
)
warn(codeFrame ? `${message}\n${codeFrame}` : message)
onError(err)
} else {
/* istanbul ignore next */
throw err
}
}
},
},
onWarn: __DEV__ ? onError : NOOP
} as CompilerOptions,
options
)
)
function onError(err: CompilerError) {
const message = `Template compilation error: ${err.message}`
const codeFrame =
err.loc &&
generateCodeFrame(
template as string,
err.loc.start.offset,
err.loc.end.offset
)
warn(codeFrame ? `${message}\n${codeFrame}` : message)
}
// The wildcard import results in a huge object with every export
// with keys that cannot be mangled, and can be quite heavy size-wise.
// In the global build we know `Vue` is available globally so we can avoid