typescript的使用？如何在webpack中集成ts？

typescript

• 与javascript的关系什么？

• typescript是javascript的一个超集，比js多了类型静态检查功能 可以与javascript进行转换

• 如何使用
  1.在终端打开 输入指令 ： npm install typescript -g
  2.创建一个hello.ts输入语法并在相应的html里引入进行测试
  注意 ： 我们会发现报错：浏览器不支持typescript,必须通过编译器把typescirpt编译成js并引入js才可以运行在浏览器上
  3.tsc ./hello.js 编译js文件
  如果想要编译成不一样的文件名：tsc --outfile tt.js hello.ts (就会编译成一个文件名为tt.js并且与hello.ts相对应的文件)
  4.配置完成，即可在浏览器运行ts代码

• 如何在webpack中集成ts？
  1.在终端打开 输入指令 ： npm install typescript ts-loader -D
  2.在目录中新建一个test.ts文件（任意）=> 在main.js中引入该ts文件
  注意 这时候如果 npm run dev 启动
  
  原因是你没在 webpack.config.js里面配置相应ts
  3.webpack.config.js=>

 { test: /\.ts$/,exclude:/node_modules/,use:['ts-loader']}

并且将 main.js=>main.ts,webpack.config.js=>entry:"./src/mian.ts"
发现启动还会报错

4.添加tsconfig.json文件 ：tsc --init
在根目录下自动生成tsconfig.json文件
5.报错消失 ，配置完成，可以启动项目了

你们觉得写的详细吗？还有什么需要补充的呢？