有没有办法阻止TypeScript使用'require'创建JavaScript

Question

在我的TypeScript中，我按如下方式导入模块：

import swal from "sweetalert2";

当我将文件编译为JavaScript时，它会输出：

const sweetalert2_1 = require("sweetalert2");

然后我收到一条浏览器消息：

'require is not defined'

有没有办法让JavaScript在没有'require'的情况下编译？

Answer 1

您可以使用编译器选项--module将其更改为定位ES6或更高版本：

tsc --module ES6

您也可以在.tsconfig文件中执行此操作

"module": "ES6",

结果是你的import语句将从TypeScript转换：

import { go } from './mod';

进入JavaScript：

import { go } from './mod';

如果您使用的是浏览器本机模块加载程序，您可能会发现它需要文件扩展名：

import { go } from './mod.js';