使用ts的项目,是需要安装ts-loader来处理.ts文件的。
例如babel-loader是用于处理js文件,而ts就是ts-loader
- 先确保项目是否安装了webpack和typescript
npm install webpack --save-dev
npm install typescript --save-dev
- 安装 ts-loader ,这是一个用于处理TypeScript文件的Webpack loader。
npm install ts-loader --save-dev
- 在Webpack配置文件中,添加对 .ts 文件的处理规则。在 module.rules 数组中添加以下配置:
module.exports = {
// ...其他配置项
module: {
rules: [
// 处理.ts文件的loader规则,排除了node_modules目录
{
test: /\.ts$/,
loader: 'ts-loader',
exclude: /node_modules/,
},
],
},
};