本文通过对VUE源码中的 tsconfig.json 文件中的每个属性做详细解释,使读者对常用的配置信息做进一步的了解,希望对看到此篇文章的读者有所帮助。
{
"compilerOptions": {
/*
* 用于拓宽引入非相对模块时的查找路径的。其默认值就是"./"
* 目的是解决项目代码层级较深相互之间引用起来会比较麻烦的问题,各种 …/,…/…/,…/…/…/ 等等
* "paths": {
* "@vue": ["packages/vue/src"]
* }
*/
"baseUrl": ".",
/* 指定输出目录 */
"outDir": "dist",
/*
* 是否生成目标文件的sourceMap文件
* 此文件允许调试器和其他工具在实际使用发出的JavaScript文件时显示原始的TypeScript源代码。
* 此文件为 .js.map (or .jsx.map) 格式,位于相应的.js 输出文件相同目录
*/
"sourceMap": false,
/*
* 定义了编译后的目标 javascript 版本, 可选择包括es6、es5、esnext
* 如果需要考虑兼容性问题就可以设置为es5或更低的版本,一般来说,我们需要让他编译为 es5,这样就可以被主流浏览器解读了。
* 当然,你说我的 react 代码不是给浏览器看的,比如说,你使用的是 react-native 做作手机 app,那么这里的选项可以选择 es6。
* 如果代码是在高版本的现代浏览器或高版本的node端,就可以设置为esnext
*/
"target": "