blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

fix(@vant/cli): #8890 sfc compile error (#8914)

Browse Source
This commit is contained in:
zoy-l 2021-06-23 16:38:14 +08:00 committed by GitHub
parent 6af1d38a3b
commit ec0f16b2aa
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 16 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
packages/vant-cli/src/compiler/compile-sfc.ts
View File

@ -7,7 +7,8 @@ import { compileJs } from './compile-js';
import { compileStyle } from './compile-style';
const RENDER_FN = '__vue_render__';
const EXPORT = 'export default {';
const VUEIDS = '__vue_sfc__';
const EXPORT = 'export default';
// trim some unused code
function trim(code: string) {
@ -25,14 +26,14 @@ function injectRender(script: string, render: string) {
render = render.replace('export function render', `function ${RENDER_FN}`);
return script.replace(
EXPORT,
`${render}\n${EXPORT}\n render: ${RENDER_FN},\n`
);
script += `\n${render}\n${VUEIDS}.render = ${RENDER_FN} \n`;
return script;
}
function injectScopeId(script: string, scopeId: string) {
return script.replace(EXPORT, `${EXPORT}\n _scopeId: '${scopeId}',\n\n`);
script += `\n${VUEIDS}._scopeId = '${scopeId}'`;
return script;
}
function injectStyle(script: string, styles: SFCBlock[], filePath: string) {
@ -44,7 +45,9 @@ function injectStyle(script: string, styles: SFCBlock[], filePath: string) {
})
.join('\n');
return script.replace(EXPORT, `${imports}\n\n${EXPORT}`);
script = `${imports}\n${script}`;
return script;
}
return script;
@ -63,6 +66,7 @@ export async function compileSfc(filePath: string): Promise<any> {
const tasks = [remove(filePath)];
const source = readFileSync(filePath, 'utf-8');
const descriptor = parseSfc(filePath);
const { template, styles } = descriptor;
const hasScoped = styles.some((s) => s.scoped);
@ -78,12 +82,15 @@ export async function compileSfc(filePath: string): Promise<any> {
let script = descriptor.script!.content;
script = injectStyle(script, styles, filePath);
script = script.replace(EXPORT, `const ${VUEIDS} =`);
if (template) {
const render = compileTemplate({
id: scopeId,
source: template.content,
filename: filePath,
}).code;
script = injectRender(script, render);
}
@ -91,6 +98,8 @@ export async function compileSfc(filePath: string): Promise<any> {
script = injectScopeId(script, scopeId);
}
script += `\n${EXPORT} ${VUEIDS}`;
writeFileSync(scriptFilePath, script);
compileJs(scriptFilePath).then(resolve).catch(reject);
})