返回

如何在webpack中使用typescript

Created By ZOU on Sep 26 2019

在配置typescript前需要安装对应依赖:

cnpm i -D typescript ts-loader

typescript:用于解析typescript语法

ts-loader:webpack的loader,用于接收typescript代码并转换成js代码

安装依赖后需要创建一个tsconfig.json(typescript配置文件)文件,你可以全局安装typescript

cnpm i -g typescript // 全局安装
tsc --init // 初始化typescript项目,创建tsconfig.json文件

webpack配置方法:

module.exports = {
// ... 其他配置
module: {
rules: [{
test: /\.ts$/,
use: [
'ts-loader'
]
}]
}
}

这样就完成配置了。

标签: webpack typescript