ts支持json导入

This commit is contained in:
nonameShijian 2024-02-05 18:17:53 +08:00
parent 7fcab33cf7
commit 72257edb2c
2 changed files with 30 additions and 8 deletions

View File

@ -123,7 +123,9 @@ new Promise(resolve => {
const result = ts.transpile(code, { const result = ts.transpile(code, {
module: ts.ModuleKind.CommonJS, module: ts.ModuleKind.CommonJS,
target: ts.ScriptTarget.ES2019, target: ts.ScriptTarget.ES2019,
inlineSourceMap: true inlineSourceMap: true,
resolveJsonModule: true,
esModuleInterop: true,
}, fileName); }, fileName);
// 使用默认的js编译函数获取返回值 // 使用默认的js编译函数获取返回值
return _compile.call(this, result, fileName); return _compile.call(this, result, fileName);

View File

@ -10,7 +10,13 @@ if (typeof ts != 'undefined') {
console.log(`ts undefined`); console.log(`ts undefined`);
} }
console.log('version 1'); console.log('version 2.1');
self.addEventListener("install", (event) => {
// The promise that skipWaiting() returns can be safely ignored.
// @ts-ignore
self.skipWaiting();
});
self.addEventListener('message', event => { self.addEventListener('message', event => {
console.log(event.data); console.log(event.data);
@ -20,7 +26,14 @@ self.addEventListener('fetch', event => {
// @ts-ignore // @ts-ignore
const request = event.request; const request = event.request;
if (typeof request.url != 'string') return console.log(request); if (typeof request.url != 'string') return console.log(request);
if (!request.url.endsWith('.ts') || request.url.endsWith('.d.ts')) return; if (!['.ts', '.json'].some(ext => request.url.endsWith(ext))) return;
if (request.url.endsWith('.d.ts')) return;
if (request.url.endsWith('.json')) {
// @ts-ignore
console.log(event.request.headers.get('origin'));
// @ts-ignore
if (!event.request.headers.get('origin')) return;
}
// 请求ts文件 // 请求ts文件
const res = fetch(request.url, { const res = fetch(request.url, {
method: request.method, method: request.method,
@ -35,11 +48,18 @@ self.addEventListener('fetch', event => {
if (res.status != 200) return res; if (res.status != 200) return res;
console.log('正在编译', request.url); console.log('正在编译', request.url);
return res.text().then(text => { return res.text().then(text => {
const js = ts.transpile(text, { let js;
if (request.url.endsWith('.json')) {
js = `export default ${text}`;
} else {
js = ts.transpile(text, {
module: ts.ModuleKind.ES2015, module: ts.ModuleKind.ES2015,
target: ts.ScriptTarget.ES2019, target: ts.ScriptTarget.ES2019,
inlineSourceMap: true inlineSourceMap: true,
resolveJsonModule: true,
esModuleInterop: true,
}, request.url); }, request.url);
}
const rep = new Response(new Blob([js], { type: "text/javascript" }), { const rep = new Response(new Blob([js], { type: "text/javascript" }), {
status: 200, status: 200,
statusText: "OK", statusText: "OK",