typeScript

node环境安装

npm i -g typescript

tsc 文件名.ts  将ts转换成js
tsc  ww.ts -w不需要每回都去解析，修改一下就会变成对应的js.

webpack打包
npm init-y
npm i -D webpack webpack-cli typescript ts-loader

打包运行的命令式 npm  run   build;

tsconfig.json的配置

// tsc一个命令就可以编辑所有文件，既把ts文件变成js

/*
    tsconfig.json是ts编译器的配置文件，ts编译器可以根据他的信息来对diamante进行编译
    "include"用来指定那些ts文件需要被编译
    路径：**表示任意目录
          *表示任意文件

    "exclude":不需要编译的文件目录
    默认值：["node_modules","bower_components","jspm_packages"]

*/
{
    "include":[
        "./src/**/*"
    ],
    // "exclude":["./src/hello/*"]

    //很重要  编译器的选项
    "compilerOptions": {
        "target":"ES6",
        //module来指定使用模块化的规范
        // "module": "es2015",system
        //lib用来指定项目中要使用的库
        // "lib":["dom"]

         //用来指定编译后文件所在的目录
        // "outDir": "./dist",

        //将代码合并到一个文件
        //设置outFile后，所有的目录就会放到一个里边
        // "outFile":"./dist/app.js"
    },


    //是否对js文件进行编译，默认值是false;
    "allowJs":true,
    //是否检查js代码是逗符合语法规范，默认是false
    // "checkJs":true,
    //是否移除注释
    // "removeComments":false,
    //不生成编译后的文件
    // "noEmit":true
    // 当有错粗时不生成编译后的文件
    // "noEmitOnError":true

    //用来设置编译后的文件是否使用严格模式 ，默认值是false
    "alwaysStrict":false,
    //不允许any类型
    "noImplicitAny":true,
    //不允许不明确的类型的this
    "noImplicitThis":true,
    //严格检查空值
    "strictNullChecks":false

}