使用打字稿编译器API时如何解决未解释的语句问题?

时间:2018-12-27 14:12:05

标签: typescript typescript-compiler-api

我正在尝试注入模块
Transformer.ts的进口声明
(*我使用了ttypescript,它可以正常工作,
但是有些陈述无法解释。)

我成功地插入了导入语句
但是我注入的导入语句
没有间歇地翻译成es5语法。

这是我在transfomer中使用的代码。

transformer.ts

let moduleName = 'infinite.js'
let variableName = ts.createUniqueName('infinite')
ctx.hoistVariableDeclaration('infinite')

// Here are just a few key codes summarised.
let importInject = ts.createImportDeclaration(
    undefined,
    undefined,
    ts.createImportClause(variableName, undefined),
    ts.createLiteral(moduleName))

sourceFile = ts.updateSourceFileNode(sourceFile, ts.createNodeArray([
    importInject,
    ...sourceFile.statements
]))

source.js

// Nothing before it.

source.js(注入的导入语句)

import infinite_1 from"infinite.js"

代码注入正常工作,
尽管定义了es5的编译器目标选项,

但是我插入的代码有一个无法翻译的问题。

但是,如果我添加了一个导入语句,
与模块导入代码无关

我将在模块注入之前注入源代码,
我插入的代码的翻译也成功了。

source.js

import module from './module'
module()

source.js(注入的导入语句)

"use strict";
exports.__esModule = true;
var infinite_js_1 = require("infinite.js");
var module_1 = require("./module");
module_1["default"]();

嗯...这是编译选项问题吗??
如果是这样,应该修改哪些编译选项?
我不知道要修改哪个代码...(x_x)

有没有人遇到过这样的问题?
如果您知道解决方法,请告诉我。


此外,我目前正在使用以下临时解决方案。

let importInject = 
ts.createVariableStatement(
    sourceFile.modifiers, 
    [ts.createVariableDeclaration(
        variableName, 
        undefined, // Type
        ts.createCall(
            ts.createIdentifier('require'), 
            undefined,
            [ts.createLiteral(moduleName)]
        )
    )]
)

1 个答案:

答案 0 :(得分:1)

以下代码发送到es5的原因...

import module from './module'
module()

...但是此代码不...

import module from './module'

...是因为在发出时,编译器将删除其标识符未在表达式中使用的所有导入声明(使用tsc尝试该代码,您将看到此行为)。

请参见"Why are imports being elided in my emit?"

解决方案

解决方案是在表达式中使用导入的标识符之一,或者注入仅声明副作用的导入声明:

// import "./module";
let importInject = ts.createImportDeclaration(
    undefined,
    undefined, 
    undefined,
    ts.createLiteral(moduleName));