我正在尝试注入模块
Transformer.ts的进口声明
(*我使用了ttypescript,它可以正常工作,
但是有些陈述无法解释。)
我成功地插入了导入语句
但是我注入的导入语句
没有间歇地翻译成es5语法。
这是我在transfomer中使用的代码。
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
]))
// Nothing before it.
import infinite_1 from"infinite.js"
代码注入正常工作,
尽管定义了es5的编译器目标选项,
但是我插入的代码有一个无法翻译的问题。
但是,如果我添加了一个导入语句,
与模块导入代码无关
我将在模块注入之前注入源代码,
我插入的代码的翻译也成功了。
import module from './module'
module()
"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)]
)
)]
)
答案 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));