3、深入掌握ts-tsconfig

常用配置解释

{
  "compilerOptions": {
 	 "lib": ["es5", "es6", "es7", "DOM"], // 库选项
     "target": "es6", // 目标选项 用哪个es版本来编译   
     "module": "ESNext", // 使用的规范  
     "rootDir": "./src",  // 要编译的文件目录
     "outDir": "./dist", // 编译之后的目标目录
	 "moduleResolution": "node", // 使用node规范 去查找第三方库 由内到外查找node_modules
	 "resolveJsonModule": true,  // 是否支持引入json文件
	 "allowJs": true, // 1. 允许ts import js文件 2.编译之后原目标js文件编译出来
	 "checkJs": true,  // 检查js语法
  	 "declaration": true // 将导出的ts文件生成.d.ts文件
	 "sourceMap": true // 生成的js中多出.js.map的文件 在浏览器运行的时候 自动匹配对应的ts文件
	 
	 "strict": true, // 是否严格模式 是以下规则的总开关
	 "noImplicitAny": true, // 不能使用隐式的any类型必须指定类型
	 "strictNullChecks": true, // null 或 undefined检查的选项
	 "strictPropertyInitialization": true, // 得与上面的选项匹配使用 属性要有初始值
	 "noImplicitReturns": true, // 不是函数的所有返回路径都有返回值时报错
	 "removeComments": true,  // ts文件编译后删除所有注释
	 "noUnusedLocals": true, // 声明的变量必须使用
	 "noUnusedParameters": true, // 函数上声明的参数使用

	 "skipLibCheck": true // 跳过声明文件的检查
	 "typeRoots": ["node_modules/@types"] // 从这个目录查找第三方包文件
	 "types": ["node"] // 一般只配置node就够了 从node查找 js中使用commonjs规范

	 "baseUrl": "", // 为导入的路径设置别名 . 代表当前工程目录 paths中 以这个路径为基础 往下查找
	 "paths": {}, // 别名映射
  }
}

你可能感兴趣的:(javascript,前端,开发语言)