typescript

一。是js的超集，具有静态的数据类型，而js是动态的。

二。在node的环境下安装typescript   npm ....

三。创建一个文件，运行ts编译，将ts文件转为js

四。ts类型

五。ts编译选项

1.tsconfig.json     配置编译目录与文件夹    "./src/**/*"  表示在src下的所有目录与文件夹都编译

2.编译器的选项配置     

六。使用webpack打包ts代码

1.初始化项目   npm init -y      这时候就会创建一个package.json   的包配置信息文件 

2.然后下载依赖   npm install -D  wedpack   webpack-cli   typescript  ts-loader   下载完之后就会出现在package.json文件的dev开发中新增一些信息。

3.此时可以创建一个webpack.config.js  文件 用于配置webpack的一些信息

）1.module.export里面配置入口文件

entry:"./src/index.ts"//例如

//指定打包文件所在的目录

output:{

path:

filename:""

}

//指定webpack打包时要使用的模块

module：{

//指定要加载的规则  因为到时候不止是要ts,还可能存在其他的包比如  saas  less....

rules:[

test:/\.ts$/      //将ts结尾的文件进行编译

use:'ts-loader'    //用ts-loader去处理这个以ts结尾的文件

exclude:/node-modules/     //要排除的文件

]

}

为了更好的兼容性就要下载依赖  babel          loader 就是。。。与webpack相结合的

npm i -D @babel/core @babel/preset-env babel-loader  core-js