ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-10-21 03:11:15 +00:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

feat(@vant/cli): generate type declaration for sfc (#9675)

Browse Source
This commit is contained in:
neverland
2021-10-14 14:44:21 +08:00
committed by GitHub
parent 66cf1dabba
commit 7eb9344446
3 changed files with 41 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/vant-cli/src/compiler/compile-js.ts → packages/vant-cli/src/compiler/compile-script.ts
View File

@@ -5,7 +5,7 @@ import { replaceExt } from '../common';
import { replaceCSSImportExt } from '../common/css';
import { replaceScriptImportExt } from './get-deps';
export async function compileJs(filePath: string): Promise<void> {
export async function compileScript(filePath: string): Promise<void> {
return new Promise((resolve, reject) => {
if (filePath.includes('.d.ts')) {
resolve();

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

@@ -1,10 +1,8 @@
import hash from 'hash-sum';
import path from 'path';
import { parse, SFCBlock, compileTemplate } from '@vue/compiler-sfc';
import { remove, writeFileSync, readFileSync } from 'fs-extra';
import { remove, readFileSync, outputFile } from 'fs-extra';
import { replaceExt } from '../common';
import { compileJs } from './compile-js';
import { compileStyle } from './compile-style';
const RENDER_FN = '__vue_render__';
const VUEIDS = '__vue_sfc__';
@@ -78,10 +76,16 @@ export async function compileSfc(filePath: string): Promise<any> {
const scriptFilePath = replaceExt(filePath, `.${lang}`);
tasks.push(
new Promise((resolve, reject) => {
let script = descriptor.script!.content;
script = injectStyle(script, styles, filePath);
new Promise((resolve) => {
let script = '';
// the generated render fn lacks type definitions
if (lang === 'ts') {
script += '// @ts-nocheck\n';
}
script += descriptor.script!.content;
script = injectStyle(script, styles, filePath);
script = script.replace(EXPORT, `const ${VUEIDS} =`);
if (template) {
@@ -100,15 +104,14 @@ export async function compileSfc(filePath: string): Promise<any> {
script += `\n${EXPORT} ${VUEIDS}`;
writeFileSync(scriptFilePath, script);
compileJs(scriptFilePath).then(resolve).catch(reject);
outputFile(scriptFilePath, script).then(resolve);
})
);
}
// compile style part
tasks.push(
...styles.map((style, index: number) => {
...styles.map(async (style, index: number) => {
const cssFilePath = getSfcStylePath(filePath, style.lang || 'css', index);
const styleSource = trim(style.content);
@@ -124,9 +127,7 @@ export async function compileSfc(filePath: string): Promise<any> {
// }).code;
// }
writeFileSync(cssFilePath, styleSource);
return compileStyle(cssFilePath);
return outputFile(cssFilePath, styleSource);
})
);